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();
        });
    });
});

DEMO：jsfiddle.net/gdchtpjf/

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

1 个答案: