私は一般的に Bootstrap Validator と Jquery に不慣れで、何かを達成しようとしています。
私はフィールドを持つフォームを持っています。
<div class="form-group" id="price_container">
<label for="price">Asking Price</label><input class="form-control" style="width: 50%;" type="text" id="price" name="price" >
</div>
<div class="form-group">
<label for="title">Title</label>
<input class= "form-control" type="text" name="title">
</div>
そして、私はそれを次のように検証しています:
$('#multiform')
.find('[name="list_type"]')
.change(function(e) {
$('#multiform').bootstrapValidator('revalidateField', 'price');
})
.end()
.bootstrapValidator({
message: 'This value is not valid',
feedbackIcons: {
required: 'fa fa-asterisk',
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
price: {
validators: {
notEmpty: {
message: 'The price is required and cannot be empty'
},
integer: {
message: 'You can only enter an integer'
},
regexp: {
regexp: /^[0-9]+$/,
message: 'The price can only consist of numbers'
}
}
}
}
});
ただし、特定のアクションが実行されている場合は、検証を無効にしたいと思います (画像をサーバーにアップロードできますか)。ここのドキュメントを見てきました: http://bootstrapvalidator.com/examples/enable-validator/
そしてこれを持っています:
$(document).on("click", ".btn-danger", function () {
$('#multiform').bootstrapValidator().enableFieldValidators('price', false);
}
しかし、これは単に機能していません。比較的簡単なはずですが、初心者なのでうまくいきません。
誰でも助けることができますか?
ありがとう