0
votes

Code jquery pour montrer modal après la validation de formulaire est effectué

Suite à partir de cette question: question précédente

J'ai une validation de mon formulaire, qui doit être validée d'abord, c'est-à-dire des caractères minimaux et des chiffres, etc.

mon code JQuery jusqu'à présent sur le modal Une fois que vous appuyez sur le bouton Soumettre et que le formulaire dispose d'une entrée dans la présente entrée, mais pas de l'entrée valide, j'ai donc besoin de taper quelques caractères et que le modal apparaît, ce qui n'est pas idéal.

J'ai donc besoin du formulaire pour avoir entré et valider puis que le mode modal apparaisse et que l'utilisateur doit accepter les termes et conditions, ils peuvent s'inscrire.

J'ai essayé ce qui suit sans chance: xxx

merci d'avance


1 commentaires

Comment validez-vous la "entrée valide"?


3 Réponses :


1
votes

Vous devez utiliser un si dans votre événement de soumission:

$("#login-form").submit(function(e) {
  e.preventDefault();
  if ($(this).valid()) {            // this assumes you are using something like jquery validate - from  your original code, it looks like you were attempting to do this
    $(".modal").addClass("active");
  } else {
    // do error stuff here
  }
});


0 commentaires

0
votes

Pourquoi utiliser valide? jQuery valide () code> n'accepte aucun argument, ne renvoie que VRAI. Utilisez valider () code> au lieu d'utiliser le gestionnaire.

$("#yourform").validate({
  submitHandler: function(form) {
    // ...
    form.submit();
  }
});


0 commentaires

0
votes

Vous pouvez le faire sur votre formulaire ... xxx

puis dans votre script, vous définissez la fonction Validate (this) qui reçoit l'objet de formulaire (ceci). Permet maintenant de supposer que vous utilisez le plugin de validation de la forme jQuery xxx

suppose maintenant que le modal a accumulé et que l'utilisateur a accepté l'accord et clique sur le bouton d'accord, qui puis déclenche la forme et l'envoie xxx

Cela devrait fonctionner, j'espère que j'étais utile suffisamment utile.


1 commentaires

J'ai mis à jour ma question ici: Stackoverflow.com/questions/54713380/... Je n'utilise pas le plugin de validation de la forme JQuery