如何使用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);
        });
    });
}

Answer 1

插件中內置了一個submitHandler ，其中包含form.submit() 。 由於您使用自己的自定義submitHandler ，因此仍需要使用submit 。 否則，在您的情況下，只需執行某種Ajax而不是.submit() 。

submitHandler進入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>