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 formulaire Javascript


Sujet :

JavaScript

  1. #1
    Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Avril 2012
    Messages
    60
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2012
    Messages : 60
    Points : 40
    Points
    40
    Par défaut Vérifier formulaire Javascript
    Bonjour à tous !

    J'ai créé un script Javascript, à mon boulot (où je suis en BTS en alternance ), qui vérifie que les champs d'un formulaire sont bien remplis. Le tout est lié avec un Onclick.

    Sauf qu'aujourd'hui, j'essaye de le refaire pour mon site perso mais il ne fonctionne pas



    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <script language="javascript">
    		function verifForm()
    		{
    			if(document.getElementById("pseudo_commentaire").value == "") alert('Le champ Pseudo est vide');
       			else if(document.getElementById("contenu_commentaire").value == "") alert('Le champ Commentaire est vide');
         		else { document.formulaire.submit(); }
    		}
    		</script>




    Code php : 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
    <?php
    echo "
    
    ...
    
    
    <form method='post' action='blog.php' id='formulaire' name='formulaire'>
    <p>
    <input type='text' name='pseudo_commentaire' id='pseudo_commentaire' placeholder='Votre pseudo'></input><br />
    <textarea name='contenu_commentaire' id='contenu_commentaire' placeholder='Votre commentaire'></textarea><br />
    <input type='hidden' name='id_article' value='".$idarticle."'></input>
    <input type='submit' onclick='Javascript:verifForm();' name='envoyer_commentaire' id='envoyer_commentaire' value='Poster' />
    <p>
    </form>
    ";
    ?>

    Là, il envois à chaque fois mon formulaire, même quand un champ est vide.
    J'ai essayé avec un Onsubmit = return false, mais mon formulaire ne s'envoyait pas du tout, même quand tout les champs étaient correct.

    Vous pouvez tester ici : http://www.pixelsnowis.fr/blog.php

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1

  3. #3
    Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Avril 2012
    Messages
    60
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2012
    Messages : 60
    Points : 40
    Points
    40
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    Merci, mais je comprends pas tout dans les scripts présenté (je débute en JS).
    De plus, le script que j'ai fait fonctionne très bien au niveau de la vérification, c'est juste l'envois qui ne ce fait pas.

    Donc quelqu'un pourrait m'éclairé à ce sujet ?

    EDIT:
    J'ai fait ceci, qui fonctionne mais qui ne traite pas ma requête (qui est sur la même page)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <script language="javascript">
    		function verifForm()
    		{
    			if(document.getElementById("pseudo_commentaire").value == "") alert('Le champ Pseudo est vide');
       			else if(document.getElementById("contenu_commentaire").value == "") alert('Le champ Commentaire est vide');
         		else { document.getElementById("formulaire").submit(); }
    		}
    		</script>
    EDIT 2 :

    Soucis résolut ! Le problème venait de ma vérification qui ce faisait sur le nom de mon bouton qui sert d'envois. Hors, avec le Onclick ça ne passé pas

Discussions similaires

  1. Réponses: 3
    Dernier message: 18/08/2006, 15h31
  2. Réponses: 2
    Dernier message: 01/08/2006, 12h52
  3. [VBA]Comment valider un formulaire javascript enVBA
    Par pegase33 dans le forum Général VBA
    Réponses: 2
    Dernier message: 29/07/2006, 18h47
  4. [Formulaire][Javascript] Décocher toutes les checkbox
    Par Salam59 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 07/03/2006, 14h28
  5. Formulaire + javascript + W3C
    Par v4np13 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 24/01/2006, 17h08

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