[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > Vérification de formulaire > Lecture du sujet

Vérification de formulaire

Vous devez être inscrit pour pouvoir poster des messages

Résolu Le problème de ce sujet a été résolu

Auteur	Message
Page : 1
1 visiteur sur ce sujet (1 anonyme)
Page : 1
yourimacmiloud	# Posté le 24/11/2005 à 11:43:14
Groupe : Membres	Bonjour, J'ai un petit soucis avec des formulaires, en fait j'aimerais bien que lorsuq'on l'envoit on vérifie si des champs n'ont pas été oubliés, le problème c'est que je capte pas tout en javascript voir rien, j'ai regardé des tutos éssayé mais rien n'y fait. Je voudrais donc vérifier que les options des menus déroulant ont bien été séléctionner ( différent de 0) et que la zone de texte a bien été renseigné, d'apèrs ce que j'ai compris je peux utiliser un onsubmit(), ça ça devrait aller mais dans la cration de la fonction j'ai aps tout compris au document.machin.truc.... Du tout j'ai jamais l'alert. Si quelqu'un pouvait m'expliquer à quoi ça correspond et dans quel ordre on doit mettre les . machin ça me serait d'une grande aide. Merci d'avance.
minirop	# Posté le 24/11/2005 à 13:34:16
吸血鬼	ton bouton pour soumettre ton formulaire est bien un "button" et non pas un "submit" ? pas commencés - en cours - finis - (dernier tome lu) manga : Love Hina - Ichigo 100% - Fruits Basket - School Rumble - Death Note - Parmi Eux - One Piece (46) - Naruto (45) - Lovely Complex (10) - Fullmetal Alchimist (22) -> My Manga IDE multiplateforme pour Qt !! Qt @ IRC --> #qt-fr@irc.freenode.net
yourimacmiloud	# Posté le 24/11/2005 à 13:58:58
Groupe : Membres	C'est un submit et à priori c'est pas bon donc.
Gamer_man	# Posté le 24/11/2005 à 14:29:03
IYA lalala Groupe : Membres	Code : HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>test javascript</title> <script type="text/javascript"> // <![CDATA[ function verif() { var form = document.getElementById('formulaire'); var erreur = ''; if (form.nom.value.replace(/^\s+\|\s+$/, '') == '') erreur += '- Nom manquant\n'; if (form.prenom.value.replace(/^\s+\|\s+$/, '') == '') erreur += '- Prénom manquant\n'; if (erreur == '') { return true; } else { alert ('Erreur(s) !\n\n'+erreur); return false; } } window.onload = function() { document.getElementById('formulaire').onsubmit = verif;} // ]]> </script> </head> <body> <form id="formulaire" action="test.htm" method="post"> <p> Nom : <input id="nom" name="nom" type="text" /><br /> Prénom : <input id="prenom" name="prenom" type="text" /><br /> <input type="submit" value="Envoyer" /> </p> </form> </body> </html> Bisous Kévin, fan de tunning et de Naruto, dont les parents roulant en 4x4 viennent de le vacciner au Tamiflu®, aimerait installer Linux pour pouvoir cracher sur Windows, tout comme il le fait sur Internet Explorer depuis ces 2 dernières semaines, ayant découvert le gentil panda rouge, Firefox Big up a tous les lascars de la téci, wesh gros on represente l'quartier !
yourimacmiloud	# Posté le 24/11/2005 à 14:36:07
Groupe : Membres	Eh bien merci je vais éssayer de l'adapter pour mon formulaire
anonyme	# Posté le 24/11/2005 à 19:03:15
Groupe :	Il y a beaucoup plus simple Code : JavaScript <html> <head> <title>Wow ça marche et c'est simple !!</title> </head> <script language=JAVASCRIPT> var bouton=document.getElementById("bouton";); function verif() { if(bouton="";) {alert('vous devez remplir les champs et non les laisser vierges!')} } </script> <body> <input id="bouton" type="button" onclick="verif()" method="post" action="page.php"/> </body> </html>
Gamer_man	# Posté le 24/11/2005 à 23:00:58
IYA lalala Groupe : Membres	Ma solution est préférable car tu dissocie le javascript (comportement) du html (contenu), tout comme tu sépares le design avec le css. Bisous Kévin, fan de tunning et de Naruto, dont les parents roulant en 4x4 viennent de le vacciner au Tamiflu®, aimerait installer Linux pour pouvoir cracher sur Windows, tout comme il le fait sur Internet Explorer depuis ces 2 dernières semaines, ayant découvert le gentil panda rouge, Firefox Big up a tous les lascars de la téci, wesh gros on represente l'quartier !
___seb	# Posté le 26/11/2005 à 10:20:49
yep! Groupe : Membres	Je n'ai pas étudié ce code mais sur le principe, Gamer_man à raison, la séparation html/javascript est une pratique à encourager. La seconde chose qui est mieux c'est que l'evenement est 'onsubmit', quand le formulaire est soumis. Alors que 'onclick' ne marche que si on clique sur le bouton, si on valide avec le clavier, ça ne marche pas, donc à eviter. - Wiki : Ressources sur le Developpement de sites Web. -