Question

我已尝试在此网址http://jquery.bassistance.de/validate/demo/ajaxSubmit-intergration-demo.html上使用jquery网址验证，在此示例中，当我尝试输入用户名和密码时会发生第一次验证，而当我提交时会发生第二次验证。只有在我提交时才会进行验证？

希望帮助，

由于

Answer 1

如果查看页面源代码，则会在此处进行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”告诉验证插件用户必须在该文本字段中输入值。 minlength属性完全按照您的想法执行，它设置字段条目的最小长度。您可以从他们的页面源中看到密码元素中的一些拼写错误。他们的意思是将最小长度设置为5，但忘了等号。

这会回答你的问题吗？

验证表单：使用jquery选择器获取它并使用validate函数：

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

Answer 2

解决方案是我只需要添加onkeyup options: false。因此，当我尝试在输入字段中输入一些文本时，验证不会发生。

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

提交时的jquery验证事件

2 个答案: