如何集成jquery.bvalidator和jquery.form插件?

时间:2011-06-06 01:05:17

标签: jquery-plugins jquery

我正在尝试使用这些插件验证(bValidator)并提交表单(Form plugin),但未成功:

    var myvalidator = $('#contForm').bValidator();
    if(myvalidator.isValid()) {
    $('#contForm').ajaxSubmit(function() { 
            alert("Thank you for your message!"); 
            return false;
    });
    }

验证部分没问题,但是ajaxSubmit不起作用......

提前感谢您的帮助! `

2 个答案:

答案 0 :(得分:1)

最简单的方法是:

$('#contForm').bValidator();

$('#contForm').ajaxForm(function() { 
    alert("Thank you for your message!");
});

.bValidator()必须在.ajaxForm()之前调用,以便在验证失败时停止表单提交。

你也可以这样做:

var myvalidator = $('#contForm').bValidator();

$('#contForm').submit(function(){
    if(myvalidator.isValid()){
        $(this).ajaxSubmit(function() { 
            alert("Thank you for your message!");
        }); 
    }
    return false;
});

答案 1 :(得分:0)

var myvalidator = $('#myForm').bValidator();

$('#myForm').submit(function()
{
    //call ajax here
    ....

    //disable submit post
    return false;
});