防止在内联验证和ajax提交后重新加载

Question

我试图在ajax提交后阻止重新加载。 关于它的棘手部分是在进入ajax提交之前必须验证表单。

所以我们点击触发器，然后＆＃34; scrupulous.js＆＃34;验证表单然后，如果这是有效的，我们得到我们的ajax提交。当我建立＆＃34; e.preventDefault（）;＆＃34;验证也停止工作。

所以我的问题：如何在不取消验证的情况下阻止默认行为？

非常感谢！

$('.js_contact-form-submit').on('click', function (e) {

    var formObj = $(this).closest('form');

    $(formObj).scrupulous({
        valid: function () {

            var formData = {

                'gender': $('input[name=gender]:checked', formObj).val(),
                'firstName': $('input[name=firstname]', formObj).val(),
                'lastName': $('input[name=lastname]', formObj).val(),
                'message': $.trim($('input[name=message]', formObj).val())

            };

            var path = $(formObj).attr('data-component-path');

            $.ajax({
                type: 'POST',
                url: path + '.submitcontact',
                data: formData,
                success: function (data) {
                    // success block code
                    console.log('success' + data);
                },
                error: function (data) {

                    // failure block code
                    console.log('failure' + data);
                }

            });

        }

    });

    e.preventDefault();


});