Veuillez poster des rapports de bogue et d'autres contributions (améliorations, fonctionnalités, par exemple de nouvelles méthodes de validation) sur le traqueur de problèmes GitHub.
Une question? Pas de panique, on va vous aider! 16 octobre 2010 à 17:59:59 Bonjour à tous, je débute en jquery et j'essaie de faire un formulaire de contact avec une validation en jquery. Mais j'ai un petit problème: Voici mon formulaire HTML, un champ nom et un bouton valider. Nom:
jQuery(function($){ var nom = $("#nom"); valid = true; /* je verifie que le champs n'est pas vide et j'applique une classe et j'affiche la div error*/ $("#nom")(function(){ if($("#nom")() == ""){ ("")()("Le champ Nom est obligatoire "); dClass("border2"); valid = false;} else { valid = true}}); /* je supprime la classe quand la personne tape un nom */ (function(){ if(! JQuery : Validation de formulaire. () == ""){ moveClass("border2"); valid = true;} else { valid = false}}); return valid; Et c'est la que ca fonctionne plus. Mon formulaire fonctionne si la personne sort du champ nom sans rien taper l'erreur s'affiche. Mais il faut que je vérifie aussi lorsque la personne clique sur le bouton envoyer et c'est la que ca fonctionne plus Je pense donc que ma fonction qui vérifie la variable valid n'est pas correcte $("#envoyer")(function(){ if(valid == true) return true else return false});}); Si qqun a une petite solution pour stopper l'envoi du formulaire lorsque toutes les conditions ne sont pas valides, cette personne ferait de moi un homme heureux Merci à tous 16 octobre 2010 à 19:02:56 ah désolé, j'ai posté ici car j'ai vu d'autres sujets sur jquery, je ne le referai plus.Merci ta réponse, je vais essayer de gérer ca. Merci 16 octobre 2010 à 19:05:54 Citation: kadiss ah désolé, j'ai posté ici car j'ai vu d'autres sujets sur jquery, je ne le referai plus. Il n'existe pas de forum jQuery car jQuery c'est une bibliothèque JavaScript. Donc les topics à propos de jQuery ont bien leur place ici. Je disais cela pour bien faire remarquer que tu disais "Du jQuery", "En jQuery" comme si jQuery était un langage de programmation à part entière. Et justement je voulais bien montrer que NON. La validation des formulaires avec jQuery Validate | Pierre FAY. Le jQuery n'existe pas! C'est du JavaScript! Avec une library par dessus! 17 octobre 2010 à 18:50:44 en fait je viens de trouver la solution, je n'ai pas besoin d'utiliser preventdefault. Il suffit d'un part de déclencher la vérification du formulaire avec la fonction submit et non click. Ensuite il faut faire les mêmes vérifications au déclenchement du submit. Je suis donc en train de refaire mon formulaire pour vérifier les paramètres voulus au déclenchement du formulaire et pendant la frappe.
serialize();} if($("#nom")() === 0){ $("#nom")("Merci de remplir ce champ"); //............ });}); Explications Dans la construction de votre script ne pas confondre $("form") qui va concerner tout les formulaires de votre page courante et $("#monformulaire") qui va désigner un formulaire ayant pour ID "monformulaire". Le "#" désigne un ID d'élément.
Côté client: AJAX Une bonne pratique est de créer un nouveau fichier pour chaque appel AJAX que nous souhaitons faire sur notre page web et ensuite de la lier à la page HTML grâce à la balise Soumettez les données du formulaire HTML à l'aide de la méthode (), c'est utiliser la méthode ajax() pour exécuter une requête. Pour plus d'information lire l'article Création de requêtes Ajax avec jQuery Les méthodes serialize() et serializeArray() jQuery met deux méthodes à notre disposition pour sérialiser les données de formulaire: les méthodes serialize() et serializeArray(). Validation de formulaire avec jquery youtube. Les deux méthodes vont nous permettre de modifier le format des données de formulaire avant leur envoi. La méthode serialize() La méthode serialize() crée une chaîne de texte codée URL en sérialisant les valeurs du formulaire. La méthode serialize() est une méthode intégrée dans jQuery qui est utilisée pour créer une chaîne de texte en notation encodée URL standard. Syntaxe: $(selector).
Il faut cependant valider le modèle côté serveur, dans le contrôleur: if ( ModelState. IsValid) { using ( var repo = new BlogRepository ()) repo. Validation de formulaire avec jquery plugins. AddBlog ( blog); return RedirectToAction ( "Index", "Home");}} Si vous désactivez la validation non intrusive (via la clé de configuration UnobtrusiveJavaScriptEnabled vue précédemment) vous obtiendrez alors le markup suivant à la suite du formulaire: