Question

我正在使用bootstrap验证，但在我提交表单之前触发它。

以下是我在加载函数中调用的代码。

 <div class="col-sm-4 col-lg-2 NoteType disableAll" id="NoteTypeDiv">
                            <label class="control-label" for="NoteType">Note Type<span class="required">*</span></label>
                            <select class="form-control" id="NoteType" name="NoteType" ddlist="" onchange="Clinical_Notes.GetNotesTemplates();">
                                <option selected="selected" value="">-Select-</option>
                            </select>
                        </div>

JS代码： -

ValidateNotes: function (FrmCtrl) {       
    $('#' + Clinical_Notes.params.PanelID + '#frmClinicalNotes').bootstrapValidator('destroy');
    $('#' + FrmCtrl)
      .bootstrapValidator({
          live: 'disabled',
          message: 'This value is not valid',
          feedbackIcons: {
              valid: 'glyphicon glyphicon-ok',
              invalid: 'glyphicon glyphicon-remove',
              validating: 'glyphicon glyphicon-refresh'
          },
          fields: {
                  NoteType: {
                      group: '.col-sm-4',
                      validators: {
                          notEmpty: {
                              message: ''
                          },
                      }
                  },
                }

我该如何解决这个问题？

Answer 1

嗯，在bootstarp验证程序中还有一个额外的属性 trigger ，你可以试试。

您可以在想要触发验证器时选择选项。

$('#update-form').bootstrapValidator({
    trigger: 'blur', // change values here
    fields: {}
});

类似示例： - http://jsfiddle.net/vikash2402/x7pooh99/12/

提交时验证： https://github.com/1000hz/bootstrap-validator/issues/240

希望这会对您有所帮助：）

如何在提交表单之前阻止验证触发器

1 个答案: