使用 jquery 验证器单击一次按钮，一次在同一页面上验证多个表单

Question

是否可以通过单击单个按钮使用 jquery 验证器验证多个表单。如果是怎么办

到目前为止我完成的代码

$(document).ready(function () {
        $('button.validateAll').click(function(){
            $('form').each(function(){
                $(this).validate({
                        rules:{
                            title:{
                                required:true,
                                minlength:5
                            }                            
                        },
                        submitHandler: function(form){
                                return true;
                        }
                });
            });
        });

});

Answer 1

您误解了 .validate() 方法的用途...

$('button.validateAll').click(function(){
    $('form').each(function(){
        $(this).validate({...

.validate() 方法仅初始化表单上的插件。如果您希望在用户填写表单时进行验证，那么您必须在加载表单后立即初始化插件，而不是在单击按钮时。

$(document).ready(function () {
    $('form').each(function() {
        $(this).validate({...

要通过单击按钮验证页面上的所有表单，需要自定义 click 处理程序和 .valid() 方法...

$(document).ready(function () {
    $('button.validateAll').click(function() {
        $('form').each(function() {
            $(this).valid();
        });
    });
});

演示：jsfiddle.net/gdchtpjf/

使用 jquery 验证器单击一次按钮，一次在同一页面上验证多个表单

Validate Multiple Form on the same page at once with a single button click with jquery validator

javascript

jquery

jquery-validate