2012-07-22 93 views
0

可能重複:
Form validation in javascripit does not work propablyjQuery的表單驗證的validate()的提交沒有驗證工作後,

我用validate()驗證形式。

下面是HTML:

<form id="form3" name="form3" method="post" action="changepassExcution.php"> 
      <ul> <li id="foli1" class="notranslate"> 

        <label class="desc" id="title1" for="oldpass"> 
      old password: 
      </label> 
       <div> 
        <input id="oldpass" name="oldpass" type="password" class="field text medium required" maxlength="255" tabindex="1"/> </div></li> 
<li id="foli2" class="notranslat"> 
       <label class="desc" id="title2" for="newpass"> 
           new password: 
         </label> 
          <div> 
       <input id="newpass" name="newpass" type="password" class="field text medium required" maxlength="255" tabindex="2" /> 
      </div></li> 
     <li id="foli3" class="notranslate"> 
     <label class="desc" id="title3" for="retypenewpass"> 
     repeat new password:</label> 
      <div><input id="retypenewpass" name="retypenewpass" type="password" class="field text medium required" maxlength="255" tabindex="3" /></div></li> 
     <li class="buttons "><div> 
      <input id="saveForm" name="saveForm" class="button" type="submit" value="change password"/></div></li> 

      </ul> 
      </form> 

這裏是JavaScript:

<script> 
    $(document).ready(function(){ 
    $("#form3").validate(); 
     }); 
     </script> 

的問題是:當我提交表單正確的(有效),它將被提交,但是當表單無效,然後我糾正它提交不起作用。


UPDATE:該功能現在工作Horraaay :)用下面的代碼:

 <script> 
     $(document).ready(function(){ 
     $("#form3").validate(); 
    }); 
    </script> 

唯一的問題是輸入表單名稱..我用「提交」作爲輸入的名稱然而表格前,是在diffrient名..

+0

如果我的建議行不通,你能告訴us.validate()函數?除非你使用驗證插件? – 2012-07-22 10:23:00

+0

嘗試在$('#form1')。submit()中寫入驗證功能,看看是否有效。 – Shant 2012-07-22 10:24:25

+0

@Shant它不工作,當我這樣做 – proR 2012-07-22 10:32:46

回答

0

嘗試:

<script> 
    $(document).ready(function(){ 
     $("#form3").validate(); 
    }); 
</script> 

編輯

嘗試:

<script> 
    $(document).ready(function(){ 
     $("#form3").submit(function(){ 
      $(this).validate(); 
     }); 
    }); 
</script> 
+0

是這只是我輸入錯誤,當我把它粘貼在這裏..我編輯它..問題不是從它 – proR 2012-07-22 10:24:14

+0

現在它根本不工作。 :( – proR 2012-07-22 10:32:04

+0

你有沒有得到任何錯誤?你是否使用螢火蟲?如果不是,我會建議變得螢火蟲,然後在錯誤報告打開堅持,以便它將留在那裏,即使頁面重新加載。然後讓我們知道 – 2012-07-22 10:33:26

0

是否有可能,它的作品,但沒有任何規則進行驗證 - 因此它總是傳遞?

如何設置一些規則是這樣的:

<script> 
$(document).ready(function(){ 
    $("#form3").validate({ 
     rules: { 
      oldpass: { required: true }, 
      newpass: { required: true },     
     } 
    }); 
}); 

詳情請閱讀jQuery documentation