2012-10-16 169 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" 
      }); 
     } 
    });