jquery - 调用JQuery Validate Plugin而不提交表单

Question

是否可以使用 JQuery 验证插件在不提交表单的情况下验证表单？

我使用button.click函数进行验证，该按钮不是提交输入。

Answer 1

是的，无需提交即可测试表单的有效性。

See .valid() method .

每当调用 .valid() 时，都会测试表单，并且该方法还将返回一个 bool 值。

$(document).ready(function () {

    $('#myform').validate({ // initialize the plugin
        // rules & options
    });

    $('#button').click(function() {
        if ($('#myform').valid()) {
            alert('form is valid - not submitted');
        } else {
            alert('form is not valid');
        }
    });

});

工作演示:http://jsfiddle.net/zMYVq/