Question

假设我有一个按钮（类型不是提交），并且附加到按钮的事件如下

$("#idProceedBtn").on("click", function (e) {.....}

我需要在验证通过后才在事件中执行操作。我可以通过以下陈述的其他条件来实现这个目的

if($("input,select,textarea").not("[type=submit]").jqBootstrapValidation("hasErrors")){.....}else{.....}

这样做是有效的，但没有突出显示哪些字段验证失败以及为什么，例如当点击提交类型的按钮时会发生什么。

Answer 1

我通过修改jqBootstrapValidation.js中的“hasErrors”方法找到了解决方案 - 我已将触发器添加到“submit.validation”：

hasErrors: function() {

    var errorMessages = [];

    this.each(function (i, el) {
      errorMessages = errorMessages.concat(
        $(el).triggerHandler("getValidators.validation") ? $(el).triggerHandler("validation.validation", {submitting: true}) : []
      );
      $(el).trigger("submit.validation");
    });

    return (errorMessages.length > 0);
},

现在它按预期突出显示表单中的错误。

Answer 2

onload
$("input,select,textarea").not("[type=submit").trigger("focus");

使用jqBootstrapValidation进行动态验证

2 个答案: