Question

在提交第二个表单时，第一个表单正在验证，两个表单都是独立的，具有单独的提交按钮，并且都使用jquery验证器插件进行验证。

这是我的代码：

$("#addVehicleForm,#discountInfoForm,#ihqform,#saveReturnForm,#driversForm").validate({
// stuff here

)}

#saveReturnForm，#driversForm这些是我在同一validator plugin method内传递的ID。

我试图点击这样验证：

$("#my-submit-button-name").click(function(){
$(this).submit();
})

注意：两种表单都有不同的提交按钮

Answer 1

它们绑定到同一个事件，因此将调用每个表单。而是使用它：

$("#addVehicleForm,#discountInfoForm,#ihqform,#saveReturnForm,#driversForm").click(function(){
$(this).validate({  //Do your work here )}

)}

});

Answer 2

我几乎在每个项目上使用jQuery Validate。我编写了以下语句来对每个表单运行验证。关键是each()语句。 each()语句允许您分别在每个表单元素上运行validate()。

$('form').each(function(){

    $(this).validate({

        // stuff here

    });

});

或者在你的情况下

$('#addVehicleForm, #discountInfoForm, #ihqform, #saveReturnForm, #driversForm').each(function(){

    $(this).validate({

        // stuff here

    });

});

此外，如果您有自定义按钮来提交表单，则可以执行此操作。但你应该只使用<input type='submit' value='Submit' />

$("#my-submit-button-name").on('click', function(){
    $(this).parents('form').submit();
})

在提交第二个表单时，第一个表单正在验证 - jquery validate

2 个答案: