如何集成 jquery.bvalidator 和 jquery.form 插件？答案

【问题标题】：How to integrate jquery.bvalidator and jquery.form plugins?如何集成 jquery.bvalidator 和 jquery.form 插件？
【发布时间】：2011-06-06 01:05:16
【问题描述】：

我正在尝试使用这些插件来验证 (bValidator) 并提交我的表单 (Form plugin)，但没有成功：

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

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

提前感谢您的帮助！ `

【问题讨论】：

您收到什么错误信息？尝试使用萤火虫。
到目前为止没有错误信息... ajax 不工作（它进入 process.php 文件，就好像没有 ajax 一样）。

标签： jquery-plugins jquery

【解决方案1】：

最简单的方法是：

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

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

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

你也可以这样做：

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

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

【讨论】：

【解决方案2】：

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

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

    //disable submit post
    return false;
});

【讨论】：