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

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

本文关键字：验证 一页 表单 上一次 一个 单击 jquery 使用 按钮      更新时间：2023-09-26

单击一个按钮就可以使用jquery验证器验证多个表单吗？如果是，怎么能做到

到目前为止我完成的代码

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

}）;

你误解了.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/

相关文章：