2012-10-16 211 views
0

我試圖在此URL上使用jQuery URL驗證http://jquery.bassistance.de/validate/demo/ajaxSubmit-intergration-demo.html,在本例中,當我嘗試輸入用戶名和密碼時發生首次驗證,而第二次驗證發生在我提交時。這種驗證只在我提交時纔會發生?提交jquery驗證事件

希望幫助下,

感謝

如果你看一下頁面的源代碼
+0

插件必須確定哪些事件將觸發驗證的能力,你應該閱讀文檔 – svillamayor

+1

抱歉了,問題是我不讀取文檔的一切說明,一個問題解決了,我只是增加一個選項' onkeyup:false'。 thx的建議。 – casper

回答

0

,的onsubmit驗證發生在這裏:

var v = jQuery("#form").validate({ 
     submitHandler: function(form) { 
      jQuery(form).ajaxSubmit({ 
       target: "#result" 
      }); 
     } 
    }); 

驗證函數知道如何基於DOM來驗證每個表單域元素屬性:

<p> 
     <label for="user">Username</label> 
     <input id="user" name="user" title="Please enter your username (at least 3 characters)" class="required" minlength="3" /> 
    </p> 
    <p> 
     <label for="pass">Password</label> 
     <input type="password" name="password" id="password" class="required" minlength"5" /> 
    </p> 

class =「required」te使用驗證插件,用戶必須在該文本字段中輸入值。 minlength屬性完全符合您的想法,它設置字段條目的最小長度。您可以從他們的頁面源中看到密碼元素中的一些拼寫錯誤。他們的意思是將最小長度設置爲5,但忘記了等號。

這是回答您的問題嗎?

要驗證的一種形式:用jQuery選擇抓住它,並使用驗證功能:

$("#myForm").validate(); 
0

的解決方案是我只需要添加一個onkeyup options: false。所以當我嘗試將一些文本輸入到輸入字段時,驗證不會發生。

 var v = jQuery("#form").validate({ 
     onkeyup: false, 
     submitHandler: function(form) { 
      jQuery(form).ajaxSubmit({ 
       target: "#result" 
      }); 
     } 
    });