点击后使用jquery验证验证表单

时间:2016-06-23 11:18:32

标签: javascript jquery validation

我在同一页面中有3个表单,我想在点击按钮时验证,但是我必须点击两次。

$(document).ready(function () {

    $(".form_foo").submit(function (e) {
        salvaformRisposta($(this).attr('id'));
        e.preventDefault(e);
    });
});

function validateForm(form_id) {
    $("#"+form_id).validate({
        rules: {
        },
        submitHandler: function (form) {
            salvaformRisposta(form);
        }
    });
}

更新: 我解决了

$(".form_foo").each(function(key, form) {
    validateForm(form.id);
});
//
$(".form_foo").submit(function (e) {
    console.dir($(this).attr('id'));
    validateForm($(this).attr('id'));
    e.preventDefault(e);
});

2 个答案:

答案 0 :(得分:0)

$(document).ready(function () {
    validateForm('form_Id');
});

尝试在文档就绪事件中调用validateForm()方法。

替换' form_Id'用真实身份标识

答案 1 :(得分:0)

你可以做那样的事情

$(document).ready(function(){
    $('#your_form_id').validate({
        rules: {
            ....
        }, messages: {
             ...
        }, submitHandler: function (form) {
         //insert here your code if validation is ok
       }
    }
});

将此代码段插入forEach