成功ajax后调用模态

Question

嗨，目前我正在使用jQuery Validator插件来验证我的表单，所有都运行良好但是当我在Ajax中成功调用时，我想调用一个模态（bootstrap）似乎没有触发成功的代码，这发生在我使用验证器嵌入式函数ifprevented，如果我使用e.defaultPrevent验证工作部分它触发PHP调用忽略验证和模态工作正常但如果我使用文档说使用isdefaultPrevented验证工作很好但不能点击模式这里是我使用它的脚本。提前谢谢。

  $('#candidateForm').validator().on('submit', function(e) {
    if (e.isDefaultPrevented()) {
        // handle the invalid form...
    } else {
        var dataString = $('#candidateForm').serialize();
        $.ajax({
            type: "POST",
            url: "work/php/onlineApplication/addNewCandidate.php",
            data: dataString,
            dataType: "json",
            success: function(result) {
                console.log(result['data'].status);
                if (result['data'].status == 'error') {
                    $("#bodyMsgModal").html(result['data'].message);
                    $("#addUserModal").modal();
                    $(result['data'].Field).focus();
                }
                if (result['data'].status == 'success') {
                    $("#bodyMsgModalSuccess").html(result['data'].message);
                    $("#addUserModalSuccess").modal();
                    $('#candidateForm')[0].reset();
                }
            }
        });
    }
});