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

我不熟悉web开发，尤其是jquery和bootstrap。我正在尝试使用jquery验证插件来验证我的表单。在正常的表单提交中，一切都很好，但是如果我试图通过ajax提交表单，它似乎根本不起作用。所有验证都被忽略

HTML

---

我不想使用form.submit，因为它刷新了页面，破坏了我在这里使用ajax的全部意义。我不想刷新或重定向页面。

表单是否是动态创建的？表单=$this.closest'form.ajaxFrom'；！=form=$this.closest'form.ajaxForm'；为什么要捕获提交按钮的单击事件？表单的提交事件是否更适合于此目的

<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>

$('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);
            }
        });
    }