jquery - 多表单验证

Question

在一个页面上，我有一个表单，我需要使用某种按钮进行验证，但是可以复制该表单，因此有多个具有相同 classid 的表单。没问题，这可以通过

$(button.validate).click(function (){
  $(this.form).validate();    
});  

validate() 函数不能像其他函数一样与此运算符一起使用，所以我问有没有其他方法可以做到这一点？我不能给每个表单唯一的 ID...我只是在表单中有一个按钮，用于验证其附加的表单。

function validate(targetform){


    $(targetform).validate({ 

            errorPlacement: function (error, element) {                 
            error.appendTo( element.parent("div").next("div"));   
             }           
       });
    }

html

<button onclick="validate($(this).closest('form'))">validate</button>

Answer 1

您可以使用每个按钮访问表单

$(document).ready(function () {
    $('.myButtonClass').click(function () {
        var relevantFormID = $(this).closest('form').prop('id');
        ValidateForm(relevantFormID);
    });
} 

然后，一个单独的ValidateForm函数可以完成所有工作：

function ValidateForm(targetFormID) {
    $targetForm = $('form[id="' + targetFormID + '"]');
    //Your target form is now available as a jQuery object, all perks included
    //validation goes here
}