如何使用jQuery Validate submitHandler提交表单

Question

这是jQuery提交表单代码。我想知道如何在使用submitHandler时提交表单。提前致谢。

submitHandler: function(form) {
    // do other stuff for a valid form
    $.post('thankyou.php', $("#confrom").serialize(), function(data) {
        $("#confrom").fadeOut('fast', function(){
            $('#results').html(data);
        });
    });
}

- Waleed Afridi

---

根据您发布的内容和标题，您是否意识到submitHandler是jQuery Validate插件.validate()方法的选项？否则，您的代码看起来很好，并且它将通过Ajax提交表单。请清楚地解释您的问题、期望结果和实际结果。 - Sparky

Answer 1

这个插件内置了一个submitHandler，其中包含类似于form.submit()的内容。由于您正在使用自定义的submitHandler来覆盖它，因此仍然需要使用submit。否则，在您的情况下，只需执行某种Ajax而不是.submit()即可。

submitHandler位于.validate()方法中。要使用.validate()方法，必须在包含jQuery之后首先包含jQuery Validate插件。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>

<script>
$(document).ready(function() {
    $('#yourform').validate({
        // other options,
        submitHandler: function(form) {
            // do other stuff for a valid form
            $.post('thankyou.php', $(form).serialize(), function(data) {
                $("#confrom").fadeOut('fast', function(){
                    $('#results').html(data);
                });
            });
        }
    });
});
</script>

- Sparky