Question

我正在尝试将jQuery validation plugin与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>

JQuery的：

$('#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响应），但提交的值为null。我在做什么呢？

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;
        }
    });
}

jQuery验证后跟Ajax发布

2 个答案: