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 :

Validation de formulaire javascript


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre � l'essai
    Profil pro
    Inscrit en
    Ao�t 2008
    Messages
    4
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Ao�t 2008
    Messages : 4
    Par d�faut Validation de formulaire javascript
    Bonjour a tous.

    Voila, mon probleme est le suivant,
    je souhaiterais verifier les champs de mon formulaire en javascript.

    Les champs doivent etre checker apres avoir clicker sur le boutton "submit".

    Donc mes fonctions s'appliquent sur chaque au moment on l'ont valide le formulaire.

    Mon probleme est que le formulaire est envoy� meme si des erreurs apparaissent dans certains champs.

    mon formulaire ressemble a ceci:
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    <form action="?page=inscription" method="post" >
    <span id=error></span>		
    	<FIELDSET align="center" style="padding:10px;"> 
        	<LEGEND>Authentification</LEGEND> 
    		<label for="login">Login : </label>
    		<input type="text" name="login" id="login" class="textinput">			
    		<div id="loginbox"></div>
     
    <input type="submit" name="infos" value="Envoyer" class="buttonSubmit" onclick="loginCheck()">
    </form>
    p.s: Je pense que cela viens de "type=submit" mais en mettant "type=button" forc�ment plus rien ne se passe meme si les conditions sont bien remplies

    Je voulais donc savoir si quelqu'un aurai une id�e pour corriger mon probleme, ou bien me proposer une autre solution plus simple a realiser.

    Merci d'avance.

  2. #2
    Invit�
    Invit�(e)
    Par d�faut
    Bonjour,

    Il faut que ta fonction loginCheck() renvoie true si ok ou false si pas ok.

    A+

    PS: j'�viterais le onchange sur le input, la validation se fera sur le submit

  3. #3
    Membre � l'essai
    Profil pro
    Inscrit en
    Ao�t 2008
    Messages
    4
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Ao�t 2008
    Messages : 4
    Par d�faut
    je vous donne ma fonction javascript
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    function loginCheck(){
    	var login = document.getElementById('login').value;
     
    	if (login == "") { // si champ comment vide 
    		document.getElementById('login').focus(); // focus dans le champ 
    		document.getElementById('login').style.border = '1px solid #D41919';
    		document.getElementById('loginbox').innerHTML = '<img src="Fichiers/Images_admin/no.gif" alt="" \/>';
    		writediv('<div align="center" style="color:#cc0000 ; border: 1px solid red; background-color:#f2d6de; padding:2px;">Vous devez choisir un login</div>');
     
    	}
    }

  4. #4
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    function loginCheck(){
    	var login = document.getElementById('login').value;
     
    	if (login == "") { // si champ comment vide 
    		document.getElementById('login').focus(); // focus dans le champ 
    		document.getElementById('login').style.border = '1px solid #D41919';
    		document.getElementById('loginbox').innerHTML = '<img src="Fichiers/Images_admin/no.gif" alt="" \/>';
    		writediv('<div align="center" style="color:#cc0000 ; border: 1px solid red; background-color:#f2d6de; padding:2px;">Vous devez choisir un login</div>');
    		return false;
     
    	}
    else{return true}
    }
    et
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    <input type="submit" name="infos" value="Envoyer" class="buttonSubmit" onclick="return loginCheck()">
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  5. #5
    Membre � l'essai
    Profil pro
    Inscrit en
    Ao�t 2008
    Messages
    4
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Ao�t 2008
    Messages : 4
    Par d�faut
    Merci beaucoup.

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. [PHP-JS] Validation d'un formulaire Javascript - PHP
    Par lothar59 dans le forum Langage
    R�ponses: 8
    Dernier message: 01/03/2007, 16h50
  2. Valider un formulaire post� par un javascript
    Par perlito dans le forum Web
    R�ponses: 2
    Dernier message: 08/01/2007, 22h49
  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. R�ponses: 8
    Dernier message: 20/07/2006, 12h30
  5. Validation de formulaire recherche avec fonction javascript
    Par Cdic dans le forum G�n�ral JavaScript
    R�ponses: 12
    Dernier message: 19/01/2006, 10h52

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