6

私は一般的に 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);
}

しかし、これは単に機能していません。比較的簡単なはずですが、初心者なのでうまくいきません。

誰でも助けることができますか?

ありがとう

4

2 に答える 2