表单验证电子邮件 jquery 插件

Question

if ( $("#form").validate().form() == true ) {

    $('#form').submit( function() {
        var mail = $("#mail_content").val();
        $.ajax({  
            type: "POST",  
            url: "process.php",  
            data: "mail="+ mail,  
            success: function(){  
            $('.email').fadeOut(200);
            $('.notified').delay(200).fadeIn(200);
            }  
        });
        return false;
    });

    }

    else {}

我觉得

 if ( $("#form").validate().form() == true ) {

不是必须的

我的资源：

http://docs.jquery.com/Plugins/Validation/Validator/form

提交 ajax 部分正在工作，我只想验证输入的电子邮件地址

感谢您的帮助

编辑：

忘记了

我试过这个代码

$("#form").validate({
     submitHandler: function(form) {
       $('#form').submit( function() {

        var mail = $("#mail_content").val();
        $.ajax({  
            type: "POST",  
            url: "process.php",  
            data: "mail="+ mail,  
            success: function(){  
                $('.email').fadeOut(200);
                $('.notified').delay(200).fadeIn(200);
            }  
        });
        return false;
    });
     }
    });

但由于某种原因，我必须单击提交按钮两次...？？

看看我的意思：

http://herenhoek.nl/test/

Answer 1

您问题中的第二个代码示例几乎是正确的，除了重用表单的 jQuery 对象的常见错误。在这种情况下，您不需要再次触发submit 事件，因为您正在使用 AJAX 请求来处理该过程。

阅读插件文档的以下部分：Too much recursion

正确的语法是：

$("#form").validate({
    submitHandler: function(form) {
        var mail = $("#mail_content").val();

        $.ajax({  
            type: "POST",  
            url: "process.php",  
            data: "mail="+ mail,  
            success: function() {  
                $('.email').fadeOut(200);
                $('.notified').delay(200).fadeIn(200);
            }  
        });
    }
});