Déclencher le persil la validation sans soumettre le formulaire?

Compte tenu de ce code, ça ne fonctionne jamais et renvoie toujours vrai que ce soit ?

<form id="my-form" data-validate="parsley">
  <p>
    <label for="username">Username * :</label>
    <input type="text" id="username" name="username" data-required="true" >
  </p>

  <p>
    <label for="email">Email Address * :</label>
    <input type="text" id="email" name="email" data-required="true" >
  </p>

  <br/>

  <!-- Validate all the form fields by clicking this button -->
  <a class="btn btn-danger" id="validate" >Validate All</a>
</form>

<script>
var $form = $('#my-form');
$('#validate').click (function () {
    if ( $form.parsley('validate') )
      console.log ( 'valid' ); <-- always goes here
    else
      console.log ('invalid');
});

</script>

Donc ma question est si il existe un moyen de déclencher le persil la validation sans l'ajout d'un bouton soumettre ?

InformationsquelleAutor Hoan Dang | 2014-04-01
  1. 46

    $form.parsley('validate') est 1.x API. Il a été dépréciée en 2.versions x vous pouvez utiliser.

    Essayer $form.parsley().validate() à la place.

    Meilleur

    • J'ai eu de la difficulté à trouver clair (ou commentaires) de Persil documentation, et pas toujours sûr de savoir si c'est 1.x ou 2.x. Merci pour cette.
    • leurs docs ont "ajouter des données-persil-valider pour chaque <form> vous voulez être validé", puis, quelques lignes ci-dessous en grosses lettres rouges "Ne pas ajouter de données-persil-valider vos formulaires". o_O
    • salut, le big red paragraphe "ne pas ajouter de données-persil-valider" ne concernent que le javascript d'utilisation. Si vous liez le persil dans le javascript, l'ajout de ces attributs DOM mess les choses. Ce qui peut ne pas être très clair dans la doc, mais il a une certaine logique 🙂
    • var persil = $('#form").persil(); var valider = parsely.validate(); var isValid = persil.isValid();. Très merci à @guillaumepotier.
    InformationsquelleAutor guillaumepotier
  2. 4

    J'ai été à la recherche haute et basse pour essayer de faire la validation du formulaire de travailler avec un non-balise de formulaire.
    Je pense que mon plus gros reproche avec le cadre, c'est qu'il ne fonctionne pas out-of-the-box avec les éléments de formulaire.
    Je serais ok à l'aide d'un élément de formulaire si elle n'a pas de défilement vers le haut de la page à chaque fois qu'il essaie de valider. Parce que ce comportement est inhérent dans la façon dont les œuvres, il y a seulement ce hack pour le fixer.

    Tout comme une note de côté, à l'aide de données-persil-valider l'attribut de la balise div fonctionne également. Vous pouvez également initialiser le formulaire comme d'habitude (ce qui signifie que vous pouvez vous abonner à la validation).

    exemple html:

    <div id="signupForm" data-parsley-validate>
    ... put form inputs here ...
    <button id="signupBtn">Sign me up</button>
</div>

    Assurez-vous de placer js dans:

    var $selector = $('#signupForm'),
    form = $selector.parsley();

form.subscribe('parsley:form:success', function (e) {
    ...
});

$selector.find('button').click(function () {
    form.validate();
});
    InformationsquelleAutor Justin Muller
  3. 0

    si vous mettez type="button" sur le bouton, il ne sera pas actualiser et faire défiler vers le haut de la page lorsque l'utilisateur clique dessus.

    InformationsquelleAutor silly_girl