jquery - jqBootstrapValidation 输入类型编号

Question

据我了解，jqBootstrapValidation 应该自动验证 html5 元素，如下所示:

<input type="number" class="form-control" name="ordPrice" placeholder="Price" data-validation-number-message="Not a number">

但是，事实并非如此。这是我的 js 绑定(bind):

$('#create_form').find('input,select,textarea').not('[†ype="submit"], [type="file"]').jqBootstrapValidation({
    preventSubmit: true,        
    submitError: function($form, event, errors) {
        console.log('error!');
    },
    submitSuccess: function($form, event) {
        console.log('success!');
        event.preventDefault();
    },
    filter: function() {
        return $(this).is(':visible');
    }
});

我在这里错过了一些非常基本的东西吗？

Answer 1

尽管文档没有明确说明该插件仅适用于格式化为/的 Bootstrap 表单。

为了让您完成示例工作，您的输入至少应如下所示:

<div class="control-group"> 
  <div class="controls"> 
  <input type="number" class="form-control" name="ordPrice" placeholder="Price" data-validation-number-message="Not a number">
  </div>
</div>

如果没有control-group和controls，它将无法工作。 Twitter 的 Bootstrap 3 中 from input 的结构发生了变化。control-group 已替换为 form-group 以及许多其他更改。因此，该插件尚未准备好与 Twitter 的 Bootstrap 3 一起使用。

另请参阅:http://getbootstrap.com/css/#forms-control-states (验证状态)。您应该尝试让您的验证器使用它。