La désactivation de Bootstrap Validateur pour certains

Je suis nouveau sur Bootstrap Validateur et Jquery en général et suis en train d'accomplir quelque chose.

J'ai un formulaire avec des champs par exemple

<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>

et je l'ai valider ok avec:

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

Toutefois, lorsqu'une action est en cours, j'aimerais désactiver le valiadation (je peux télécharger des images vers le serveur). J'ai regardé la documentation ici: http://bootstrapvalidator.com/examples/enable-validator/

et ont obtenu ceci:

$(document).on("click", ".btn-danger", function () {
      $('#multiform').bootstrapValidator().enableFieldValidators('price', false);
}

mais ce n'est tout simplement pas de travail. Je sais qu'il devrait être relativement facile, mais le fait d'être un noob, je ne peux pas travailler.

Peut aider quelqu'un?

Grâce

voulez-vous désactiver tous les validateurs d'un champ lorsque vous cliquez sur un bouton ou quelque chose d'autre ?
Et aussi pour le dernier code, vous devez aussi faire comme ça : $('#multiform').data('bootstrapValidator').enableFieldValidators('price', false);
oui - désactiver tous les validateurs lorsque vous cliquez sur un bouton, de sorte que l'ajax téléchargement peut se poursuivre sans tenir compte des autres champs de formulaire
je pense que vous voulez quelque chose comme ce violon jsfiddle.net/Arkni/c377ub41 , droit ?
Salut Arkini - c'est génial et presque exactement ce que j'ai besoin j'ai maintenant besoin de faire est de réinitialiser les validateurs valitate lorsque le formulaire est lui-même sumbitted - le problème est que j'ai besoin d'être en mesure de présenter des photos sans la validation du formulaire les champs de saisie, puis revalider le formulaire, une fois que ces images a été soumise
Voici une suggestion: 1. vous devez désactiver tous les validateurs de tous les champs( penser à utiliser la activer en option) 2. après la requête ajax fait (sur le succès de la fonction), vous devez activer le thème nouveau.

InformationsquelleAutor Mobaz | 2014-09-29

2

Ici est une version de travail:http://jsfiddle.net/silviagreen/ym48cfxd/
```
   $(document).on("click", ".btn-danger", function () {
        var bootstrapValidator = $('#multiform').data('bootstrapValidator');
        bootstrapValidator.enableFieldValidators('price', false);
   });
```
Ont un look à la js fiddle pour connaître la version de jquery, bootstrap et bootstrapValidator j'ai utilisé pour le faire fonctionner.

Je sais que c'est un vieux post, mais peut-être que cela peut être utile à d'autres personnes.

InformationsquelleAutor silviagreen

Essayez ceci:

$('#surveyForm').bootstrapValidator('enableFieldValidators', 'price', true);

De travail de l'échantillon ci-dessous:

JS:

$(document).ready(function() {
    $('#surveyForm').find('[name="list_type"]')
        .change(function(e) {
           $('#surveyForm').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'
                   }      
                }
            }
        }
    });
    
    $(document).on("change", "#inlineCheckbox1", function () {
      if($(this).is(":checked")) {
        $('#surveyForm').bootstrapValidator('enableFieldValidators', 'price', true);
      } else {
        $('#surveyForm').bootstrapValidator('enableFieldValidators', 'price', false);
      }
    });
    
    $("#surveyForm").submit(function(e){
      alert("Validation completed");
      return false;
    });
});

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.5.3/js/bootstrapValidator.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.5.3/css/bootstrapValidator.css" />
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<form id="surveyForm" method="post" class="form-horizontal">
  <div class="form-group" id="price_container">
    <label class="col-sm-3 control-label" for="price">Asking Price</label>
    <div class="col-sm-5">
      <input class="form-control" style="width: 50%;" type="text" id="price" name="price" >
    </div>
  </div>
  <div class="form-group">
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" checked>
      <label class="form-check-label" for="inlineCheckbox1">Validate</label>
    </div>
  </div>
  <div class="form-group">
    <button type="submit" class="btn btn-default">Validate</button>
  </div>
</form>

Ou voir l'exemple dans le lien ci-dessous:
http://bootstrapvalidator.votintsev.ru/examples/enable-validator/

InformationsquelleAutor Joe

Vous devez vous connecter pour publier un commentaire.