结合jQuery Validate和ajax表单提交

问题描述

| 我有一个简单的形式像

<form id=\"invite_form\">

    <input type=\"text\" name=\"invite_email\" id=\"invite_email\" />

    <textarea name=\"invite_message\">Hello!</textarea>

    <div id=\"send_div\">
         <span id=\"send_btn\">Send</span> 
    </div>
</form>

我的JS如下通过Ajax提交表单：

$(\'#send_btn\').live(\'click\',function(event){
    event.preventDefault();

    var form = $(\'#invite_form\');

    $.ajax({
        url: \'/invite\',type: \"POST\",data: form.serialize(),dataType: \"html\",success: function(html) {
            $(\'#send_div\').html(\'Success!\');
        }
    });
});

这很好。 现在，我想用这段代码包装一个jQuery Validate函数，以确保[1]电子邮件字段已填充，[2]是有效电子邮件。 我正在使用http://bassistance.de/jquery-plugins/jquery-plugin-validation/中的Jorn \'s bassistance.de jQuery验证插件。 谁能给出如何将验证调用与此ajax绑定的路线图？ 感谢您的帮助，不胜感激。     

解决方法

        尝试这个：

$(\'#send_btn\').live(\'click\',function(event){
    event.preventDefault();

    var form = $(\'#invite_form\');
    if(form.valid()) {
        $.ajax({
            url: \'/invite\',type: \"POST\",data: form.serialize(),dataType: \"html\",success: function(html) {
                $(\'#send_div\').html(\'Success!\');
            }
        });
    else {
     ;   //do whatever if the form is not valid
    }
});