IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Vérifier la validité d'un formulaire HTML


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Février 2008
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 22
    Points : 23
    Points
    23
    Par défaut [Résolu]Vérifier la validité d'un formulaire HTML
    Bonjour, je voulais donc test un script pour vérifier une partie de mon formulaire.
    Mais ca ne fonctionne pas
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    <script language="JavaScript">
    function verifFormulaire() {
    var nom=document.forms.["petition"].["nom"].value;
    if (document.forms.petition.nom == '') {
    		alert("Veuillez remplir la zone texte");
    		return false;  
     
    		} 
    </script>
    (dans le head)

    Et mon formulaire :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    <FORM name="petition" method=post action="ajoutpet.php" onsubmit="return verifFormulaire">
    <div class="titref">
    <h2>Enregistrement d'une nouvelle pétition</h2>
    </div>
    <br>
    <TABLE BORDER=0>
    <TR>
    	<TD>Nom</TD>
    	<TD>
    	<INPUT type=text name="nom">
    	</TD>
    </TR>
    <TR>
    	<TD COLSPAN=2>
    	<INPUT type="submit" value="Créer">   <INPUT type="reset" value="Effacer">
    	</TD>
    </TR>
    </FORM>
    Si quelqu'un pouvais m'éclairer merci d'avance

  2. #2
    Membre habitué Avatar de DiDieuh
    Étudiant
    Inscrit en
    Juillet 2009
    Messages
    111
    Détails du profil
    Informations personnelles :
    Âge : 35

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juillet 2009
    Messages : 111
    Points : 141
    Points
    141
    Par défaut
    Ton code javascript n'a pas vraiment de sens en fait. En effet, tu créés une variable "nom" qui contient la value de ton input text, donc le texte qu'il contient. Et après tu essaies d'accéder à un élément avec, dur dur. De plus ton JS est faux. Voici donc ce qu'il faut marquer

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    <script language="JavaScript">
    function verifFormulaire() {
    var nom=document.forms["petition"].["nom"].value;
    if (nom == '') {
    		alert("Veuillez remplir la zone texte");
    		return false;  
     
    		} 
    </script>

  3. #3
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Points : 15 059
    Points
    15 059
    Par défaut
    Salut,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.forms["petition"].elements["nom"].value;
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    <form name="petition" method="post" action="ajoutpet.php" onsubmit="return verifFormulaire();">

  4. #4
    Membre à l'essai
    Profil pro
    Inscrit en
    Février 2008
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 22
    Points : 23
    Points
    23
    Par défaut
    Ca marche merci beaucoup.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Vérifier la validité d'un lien HTML
    Par Merlinbad dans le forum Débuter
    Réponses: 2
    Dernier message: 19/03/2010, 17h25
  2. Réponses: 3
    Dernier message: 12/01/2007, 17h43
  3. Réponses: 2
    Dernier message: 07/11/2005, 20h17
  4. perl et formulaire html.
    Par nah_wah dans le forum Web
    Réponses: 6
    Dernier message: 23/09/2005, 19h38
  5. [POO] Formulaire HTML + fonction JS = Erreur
    Par bdaboah dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 23/11/2004, 21h59

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo