引导验证验证答案

【问题标题】：Bootstrap validation verification引导验证验证
【发布时间】：2014-11-10 07:49:19
【问题描述】：

我有一个 HTML 表单，并在上面应用了 Bootstrap 验证（通过 Bootstrap Validator 插件）。它适用于“保存”按钮，但我在同一个按钮上设置了 onclick 属性。如果表单验证为真，我希望它被执行。

这是我的示例：我希望仅当表单有效时才执行 SpecialtySave_OnClick() 函数。

<button class="btn btn-primary btn-sm" type="submit" onclick="specialtyDetail.SpecialtySave_OnClick();">Save</button>

【问题讨论】：

您使用哪个插件进行“引导表单验证”？（因为 Bootstrap 本身不支持此功能）
我用的是 bootstrap 3.0
Bootstrap 3 不验证表单。请更具体。
我使用 bootstrap 3.0 验证 $('#frmSpecialtyDetail') .bootstrapValidator({ message: 'This value is not valid', feedbackIcons: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove'，验证：'glyphicon glyphicon-refresh'}，字段：{ 短组：'.col-md-6'，验证器：{ notEmpty：{消息：'短名称是 -
Sooooooo... 您没有使用“Bootstrap 3 验证”（不存在），但是“Bootstrap Validator”，它是预期的外部插件.

标签： jquery twitter-bootstrap

【解决方案1】：

我不知道您使用的是哪种验证，但检查表单的常见方法是这样的

 $("form").submit(function() {
            var result = $("form").valid();
            if (result == false) {
                SpecialtySave_OnClick()
            }
            else {
                 ....
            }
]);

【讨论】：

我使用 bootstrap 3.0 验证 $('#frmSpecialtyDetail') .bootstrapValidator({ message: 'This value is not valid', feedbackIcons: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove'，验证：'glyphicon glyphicon-refresh'}，字段：{ 短组：'.col-md-6'，验证器：{ notEmpty：{消息：'短名称是

【解决方案2】：

我会为此使用某种 jQuery。

$('#submit-btn').click(function(event){
  event.preventDefault();
  if ($('#number').val() == "10"){
    $('#form').submit();
  } else {
    alert('Type 10!');
  }
});

这里你可以看到一个例子：http://www.bootply.com/6htwDQySDc

【讨论】：

【解决方案3】：

试试这个代码onclick="if(return $(form).data('bootstrapValidator').isValid()){SpecialtySave_OnClick();}"。我用我的逻辑来做这个，希望对你有帮助。

【讨论】：