Comment forcer la validation côté client dans ou avant $ .ajax ()

J'ai un formulaire et discrète validations sont activés. Par défaut de présenter la méthode de la validation côté client est déclenchée et (si vous avez des erreurs) la forme ressemble à ceci:

Comment forcer la validation côté client dans ou avant $ .ajax ()

La validation se produit avant même que toutes les données envoyées au serveur.

Maintenant, ce comportement ne fonctionne pas si vous souhaitez utiliser $.ajax méthode. La validation côté Client ne fonctionne pas. Vous devez vérifier manuellement tous les champs dans votre javascript, de perdre toute la beauté de DataAnnotations.

Est-il une meilleure solution? J'aurais pu utiliser du jquery submit() mais je suppose que cela n'a pas de rappel comme $.ajax.

source d'informationauteur iLemming

  1. 12

    Oh... 

    if (form.valid()) //do submit
  2. 2

    Vous devez forcer le formulaire afin de valider avant de vérifier s'il est valide. Quelque chose comme ceci:

    var form = $( "#myform" );
form.validate();
if (form.valid()) {
    //...
}
  3. 1

    Je l'ai fait...

    $("#form-submit-button").click(function (e) {
    e.preventDefault(); //Stops the form automatically submitting
    if ($("#my-form").valid()) {
        $("#my-form").submit();
    }
});

    Cela semble également être une bonne solution si vous avez la parole des zones de texte avec un plugin pour le rendre ces zones de texte dans un contrôle calendrier. Seule raison pour laquelle je dis cela c'est parce que j'ai utilisé Zebra Datepicker avec un MVC forme, et il soumettra un formulaire non valide si l'accent a été mis sur le calendrier sélecteur de date. En utilisant le code ci-dessous s'arrête.

  4. 0

    J'ai eu le même problème Yablargo avait dans ce qu'il a dit que valide n'est pas une fonction, alors je suis venu avec cette:

    Pour le gestionnaire onclick du bouton submit, j'ai mis ceci:

    onclick="return $(this).la plus proche('form').checkValidity();"