使用jqBootstrapValidation进行动态验证

Question

假设我有一个按钮(类型不是Submit)和一个事件附加到一个按钮，如下所示

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

只有在验证通过后，我才需要在事件中执行操作。我可以通过下面语句的else条件来实现这一点

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

这样做是有效的，但它没有突出显示哪些字段验证失败以及失败的原因，就像单击类型为submit的按钮时发生的情况一样。

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");