Javascript 结合jQuery验证和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>

这个很好用

现在，我想在这段代码周围包装一个jQuery验证函数，以确保[1]电子邮件字段已填充，[2]是有效的电子邮件

我正在使用来自的Jorn的Basistance.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
    }
});

试试这个：

$('#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
    }
});