多表格验证

时间:2013-04-12 11:28:45

标签: jquery html

在页面上,我有一个表单需要使用某种按钮进行验证,但是表单可以复制,因此有多个表单具有相同的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>

1 个答案:

答案 0 :(得分:0)

您可以使用

从每个按钮转到表单
$(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
}