jquery - 提交时的jQuery验证事件

Question

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

希望帮助，

谢谢

Answer 1

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

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

Answer 2

如果您查看页面源代码，则会在此处进行 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();