ajax - jQuery 验证后跟 Ajax 发布

Question

我正在尝试将 jQuery验证插件与 Ajax 帖子结合起来。这是我的代码：

PHP 形式：

<form id="newsletter_form" method="post">
    <input name="newsletteremail" type="text" id="newsletteremail" class="required email">
    <input name="Signup" type="submit" class="formsm" id="Signup" value="Signup">
    <div id="emailerrormessage"></div>
</form>

查询：

$('#newsletter_form').validate({
            rules: { 
                email: {required:true, email:true}
            },
            submitHandler: function(form) {
                $.ajax({
                    data: $(this).serialize(),
                    type: "POST",
                    url: "includes/ajax.php?action=newsletter", 
                    contentType: "application/x-www-form-urlencoded; iso-8859-7",
                    dataType: 'json',
                    success: function(response, textStatus, jqXHR) {
                        if(response.status == 'error'){

                            $("#newsletteremail").removeClass().addClass('ajaxerror');
                        } else {
                                                        $("#newsletteremail").removeClass();                            
                        }
                    },
                    error: function (xhr, textStatus, errorThrown) {
                        $("#emailerrormessage").addClass('ajaxsuccess').html(xhr.responseText).show();
                    }
                });
                return false;
            }
        });

在使用 validate() 之前，表单会很好地提交。添加 validate() 代码后，验证工作，正在提交表单（我收到 200 OK 响应），但提交的值为空。我在这里拧干什么呢？

Answer 1

this指的是您应用于表单的验证器对象，因此请更改：

data: $(this).serialize(),

到

data: $(form).serialize(),

Answer 2

使用 jQuery.form 插件并尝试如下，

submitHandler: function(form)
{
    jQuery(form).ajaxSubmit(
    {
        dataType : 'json',
        beforeSend : function(arr, $form, options)
        {

        },
        success : function(msg)
        {
            return false;
        }
    });
}