2

私が理解している限り、jqBootstrapValidation は次のように html5 要素を自動的に検証する必要があります。

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

しかし、そうではありません。ここに私のjsバインドがあります:

$('#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');
    }
});

ここで非常に初歩的なことが欠けていますか？

4

1 に答える 1

2

ドキュメントでは明確にされていませんが、プラグインは for / with ブートストラップ フォームでのみ動作します。

作業例を取得するには、少なくとも次のように入力する必要があります。

<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機能しません。from 入力の構造が Twitter の Bootstrap 3 で変更されましcontrol-groupたform-group。このため、このプラグインは Twitter の Bootstrap 3 で使用する準備ができていません。

http://getbootstrap.com/css/#forms-control-states (検証状態)も参照してください。バリデーターにこれを使用させるようにしてください。

于 2013-09-30T08:48:08.660 に答える