Question

我不确定我的头衔是否能对我所遇到的问题公正，但我遇到了一个特殊问题。我正在使用jqBootstrapValidation

我期望：

如果表单有任何错误，它将以红色显示带有错误的字段，并防止表单被提交。如果它没有任何错误，则显示确认信息的模式

问题：

每当我尝试无误提交表单时，最终都会提交表单。

JS

$("#confirmJob").click(function (evt) {

            // The submit will be canceled by jqBootstrapValidation if the form has any error
            $("#jobForm").submit(); // I have to explicitly call submit here in order to activate the plugin otherwise it doesn't validate the form

            if($("input,select,textarea").jqBootstrapValidation("hasErrors")){
                $("#confirmJob_helper").html("invalid inputs").show().delay(4000).fadeOut();
                return false;
            }

            evt.preventDefault();


            fillModalFields();

            $("#confirmJobModal").modal('show');
        });

HTML

<form action="..." method="POST" id="jobForm" class="novalidate">

    // inputs

    <button type="submit" id="confirmJob">submit</button>

</form>

我尝试过的内容

$("#confirmJob").click(function (evt) {
    evt.preventDefault(); // It won't validate the fields

   // $("#jobForm").submit();

   // ...
});

如何防止提交jqBootstrapValidation表单

0 个答案: