如何集成jquery.bvalidator和jquery.form插件? [英] How to integrate jquery.bvalidator and jquery.form plugins?

问题描述

我正在尝试使用这些插件进行验证( bValidator )并提交我的表格(表单插件)，但未成功:

I'm trying to use these plugins to validate (bValidator) and submit my form (Form plugin), without success:

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

验证部分还可以，但是ajaxSubmit无法正常工作...

The validation part is ok, however the ajaxSubmit is not working...

在此先感谢您的帮助！ `

Thanks in advance for your help! `

推荐答案

最简单的方法是:

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

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

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

.bValidator() must be called before .ajaxForm() to stop form submit if validation fails.

您也可以这样:

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

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

这篇关于如何集成jquery.bvalidator和jquery.form插件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！