Jquery验证插件的submithandler不适用于ajax submit bootstrap 3

Question

我是Web开发的新手，尤其是jquery和bootstrap。我正在尝试使用jquery验证插件来验证我的表单。在正常形式提交中一切正常，而如果我试图通过ajax提交表单，它似乎根本不起作用。所有验证都被忽略了。

HTML

<form class="ajaxForm"> 
    <input type="text" class="form-control" name="user_firstname" required data-rule-required="true" data-msg-required="Please enter your First name" data-rule-names="true" data-msg-names="Please enter alphabets only"/>
    <button type="button" class="btn btn-default btn-xs cancel">Cancel</button>
    <button type="submit" class="btn btn-primary btn-xs submit">Save Changes</button>
</form>

JS

$('body').on('click', '.submit', function() {
            try {
                var form, data, url, type, elem_id, a_mode, e_mode, pieces;
                form = $(this).closest('form.ajaxFrom');

                data = form.serialize();

                form.validate({
                    submitHandler: function(form) {
                        $.ajax({
                            type: 'POST',
                            url: 'post.php',
                            data: data,
                            beforeSend: function() {

                            },
                            success: function(html) {
                                alert('success');
                            }
                        });
                    }
                });

            }
            catch (e) {
                alert(e);
            }
        });
    }

我不想使用form.submit（），因为它刷新了页面，有点破坏了我在这里使用ajax的重点。我不想刷新或重定向页面。