begin process at 2012 05 29 18:56:44
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

problème de controle formulaire


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

problème de controle formulaire

mercredi 15 octobre 2008 à 12:42:44 | problème de controle formulaire

penocci

bonjour à tous,
voilà mon problème...
J'ai fait un formulaire et un premier controle en javascript.
Or lorsque le contrôle s'effectue, si un champ est vide par exemple l'alert fonctionne mais la page se recharge et efface toutes les données saisies..
là je pète un cable ..
faut m'aider les gars..

autre précision, lorsque je met "/" dans action pour mon form ça ne recharge pas la page... bizarre ... voilà le sript de contrôle:
function chekForm() {
            if (document.forms["devis"].elements["nom"].value==""){
            alert("Merci d'indiquer votre nom");
            return false;
            }
            if (document.forms["devis"].elements["prenom"].value==""){
            alert("Merci d'indiquer votre prenom");
            document.forms["devis"].elements["prenom"].prenom.focus();
            return false;
            }
            if (document.forms["devis"].elements["ville"].value==""){
            alert("Merci d'indiquer votre ville");
            document.forms["devis"].elements["ville"].ville.focus();       
            return false;
            }
            if (document.forms["devis"].elements["adresse"].value==""){
            alert("Merci d'indiquer votre adresse");
            document.forms["devis"].elements["adresse"].adresse.focus();       
            return false;
            }
            if (document.forms["devis"].elements["ccp"].value==""){
            alert("Merci d'indiquer votre code postal");
            document.forms["devis"].elements["ccp"].adresse.focus();       
            return false;
            }
           
            if (document.forms["devis"].elements["email"].value==""){
            alert("Merci d'indiquer votre email");
            document.forms["devis"].elements["email"].adresse.focus();   
            return false;
            }
            if (!isMail(document.forms["devis"].elements["email"].value)) {
                alert("Merci d'indiquer un Mail valide");
                document.forms["devis"].elements["email"].focus();
                document.forms["devis"].elements["email"].select();           
                return false;
                }
       
            if (document.forms["devis"].elements["typetravail"].selectedIndex==0){
            alert("merci d'indiquer un type de travail ou le cas échéant de selectionner 'autre'");
            document.forms["devis"].elements["typetravail"].focus();
            return false;
            }

            if (!(document.forms["devis"].elements["norm"].checked)||(document.forms["devis"].elements["suiv"].checked)||(document.forms["devis"].elements["rec"].checked))    {
            alert("vous devez choisir un mode d'envoi de document");
                return false;
            }


            if (!(document.forms["devis"].elements["parmail"].checked)||(document.forms["devis"].elements["surcd"].checked)||(document.forms["devis"].elements["partirage"].checked))
                {           
                alert("vous devez choisir un mode de reception de document");
                return false;
                }       
        return true;
document.forms["devis"].submit();
}
mercredi 15 octobre 2008 à 12:56:24 | Re : problème de controle formulaire

bultez

Membre Club
bonjour,
pas contrôlé ton script,
mais comme j'y vois un document.forms["devis"].submit();
je pense que tu ne respectes pas les règles de base

le principe :

<script>
function controle()
{ contrôles des champs
si erreurs : return false;
sinon      : return true;
}
</script>

<form onsubmit="return (controle());" ....
...
   <input type="submit"...>
</form>

et surtout pas de submi en js.

@+
mercredi 15 octobre 2008 à 12:58:25 | Re : problème de controle formulaire

bultez

Membre Club
je disais : surtout pas de submit en js,
mais non plus, pas de onclick dans le bouton submit..
          Bul [mon Site] [M'écrire]         

mercredi 15 octobre 2008 à 13:06:51 | Re : problème de controle formulaire

penocci

merci pour ta réponse rapide..
j'ai déjà fait les changements et ça ne fonctionne toujours pas quand je submit, ça controle et si y'a un champs vide ça efface tout...
mercredi 15 octobre 2008 à 13:14:14 | Re : problème de controle formulaire

bultez

Membre Club

parce que tu ne fais pas comme je t'ai indiqué !

si tu n'y parviens pas, met nous ton javascript+le formulaire ...
AH !!! NON ! UN EXTRAIT ! avec 1 seul champ , un exemple quoi !
sinon... ça décourage !


          Bul [mon Site] [M'écrire]         

mercredi 15 octobre 2008 à 13:26:30 | Re : problème de controle formulaire

penocci

bon , j'ai fait exactement ce que tu m'as indiqué mais voilà donc les codes :

function chekForm() {
            if (document.forms["devis"].elements["nom"].value==""){
            alert("Merci d'indiquer votre nom");
            return false;
            }
            if (document.forms["devis"].elements["prenom"].value==""){
            alert("Merci d'indiquer votre prenom");
            document.forms["devis"].elements["prenom"].prenom.focus();
            return false;
            }
            if (document.forms["devis"].elements["ville"].value==""){
            alert("Merci d'indiquer votre ville");
            document.forms["devis"].elements["ville"].ville.focus();       
            return false;
            }
            if (document.forms["devis"].elements["adresse"].value==""){
            alert("Merci d'indiquer votre adresse");
            document.forms["devis"].elements["adresse"].adresse.focus();       
            return false;
            }
            if (document.forms["devis"].elements["ccp"].value==""){
            alert("Merci d'indiquer votre code postal");
            document.forms["devis"].elements["ccp"].adresse.focus();       
            return false;
            }
           
            if (document.forms["devis"].elements["email"].value==""){
            alert("Merci d'indiquer votre email");
            document.forms["devis"].elements["email"].adresse.focus();   
            return false;
            }
            if (!isMail(document.forms["devis"].elements["email"].value)) {
                alert("Merci d'indiquer un Mail valide");
                document.forms["devis"].elements["email"].focus();
                document.forms["devis"].elements["email"].select();           
                return false;
                }
       
            if (document.forms["devis"].elements["typetravail"].selectedIndex==0){
            alert("merci d'indiquer un type de travail ou le cas échéant de selectionner 'autre'");
            document.forms["devis"].elements["typetravail"].focus();
            return false;
            }

            if (!(document.forms["devis"].elements["norm"].checked)||(document.forms["devis"].elements["suiv"].checked)||(document.forms["devis"].elements["rec"].checked))    {
            alert("vous devez choisir un mode d'envoi de document");
                return false;
            }


            if (!(document.forms["devis"].elements["parmail"].checked)||(document.forms["devis"].elements["surcd"].checked)||(document.forms["devis"].elements["partirage"].checked))
                {           
                alert("vous devez choisir un mode de reception de document");
                return false;
                }
                return true;        
}

et un bout de mon code html..................................................................................................................................................

<form name="devis" method="post" action="#nogo" onSubmit="return (chekForm(this.form));" enctype="multipart/form-data">
                <h1 id="titreForm">Demande de devis</h1>
                <fieldset id="coordonnees">
                <legend>Vos coordonnées</legend>
                <p id="nom1">
                    <label for="nom" title="Veuillez saisir votre nom en lettres majuscules"
                    class="oblig"><em>*</em> Nom :
                    </label>
                    <input name="nom" id="nom" title="Veuillez saisir votre nom en lettres
                    majuscules" tabindex="1" type="text" /><span class="legende">ex : 'MARTIN'</span> <br/>
                <label for="adresse" title="Veuillez saisir votre adresse" class="oblig"><em>*</em> Adresse :
                </label>
                    <input name="adresse" id="adresse" title="Veuillez saisir votre adresse"
                    tabindex="3" type="text" />    <br/>   
                <label for="tel" title="Veuillez saisir votre téléphone" class="oblig"><em>*</em> Tel :
                </label>
                    <input name="tel" id="tel" title="Veuillez saisir votre téléphone"
                    tabindex="6" type="text" onkeypress="traiterTelephone()"/>               
                </p>

mercredi 15 octobre 2008 à 13:30:35 | Re : problème de controle formulaire

bultez

Membre Club
tu dois ne rien avoir dans action de la balise form

si onsubmit n'est pas utilisé, ou mal, ou la
fonction ne retourne pas false... la page est rechargée
donc les champs du formulaire remis à l'état initial
probablement vide dans ton cas.

          Bul [mon Site] [M'écrire]         

mercredi 15 octobre 2008 à 13:36:22 | Re : problème de controle formulaire

bultez

Membre Club


<body>
<script>
function chekForm() {
            if (document.devis.nom.value==""){
            alert("Merci d'indiquer votre nom");
            return false;
            }
                return true;       
}
</script>

<form name="devis" method="post"
        action="javascript:alert('ok')"
        onSubmit="return (chekForm());"
        enctype="multipart/form-data">
                    <input name="nom" id="nom" title="Veuillez saisir votre nom en lettres" />
                    <input type="submit">
</form>
</body>

j'ai limité à 1 seul champ !!!!!     pour simplifier, t'aurais pu le faire !!!!

et remplacer action par un message javascript


    Bul [mon Site] [M'écrire]         

mercredi 15 octobre 2008 à 13:44:27 | Re : problème de controle formulaire

penocci

certe mais là le problème est ou???
je ne comprend pas ...
mercredi 15 octobre 2008 à 13:50:05 | Re : problème de controle formulaire

penocci

Réponse acceptée !
laisse tomber c'était une simple erreur dans le code javascript... merci quand mm pour tes conseils..


Cette discussion est classée dans : forms, alert, document, elements, devis


Répondre à ce message

Sujets en rapport avec ce message

coherence de 2 dates [ par gaga38 ] salut à tous, j'ai un probleme, je fais saisir à l'utilisateur 2 dates, une dates de debut et une de fin avec en tout 6 select --2 pour les annees (u problème de popup [ par Thundrax ] On va dire que g un petit problème étant débutant javascript.alors en faite pour faire simple j'ai besoin de récup la valeur d'un bouton d'un popup (f Garder des valeurs en paramètre [ par PatriceVB ] Je vais essayer d'expliquer mon problème :j'ai une page avec plusieurs liste déroulantes et quelques zones de texte. J'ai deux listes qui sont dépenda probleme firefox IE avec vérification de formulaire [ par vaesoli ] bonjour voila mon problème, j’ais un script js qui fonctionne tres bien sous firefox mais qui plante completement sous IE ce script est censé vérifier probleme d'affichage de plusieurs donnée (formulaire) dans une alert() [ par babylonne ] Bonjour tt le monde;  j'ai un petit souci par rapport à mes donnée , lorsque mes champs sont tous remplies , je veux voir mes informations s'affich tinymce [ par speloman ] salu a tous.je sui en tr1 de développer une interface admin pour mon site persu et g integré tinyMCE la dedans.sauf que g un problem lors du controle Ouvrir une popup avec onMouseOver: ne fonctionne pas sous IE?! [ par christeld ] Bonjour, Je dois ouvrir une fenêtre popup avec la fonction onMouseOver. Cette application fonctionne parfaitement sous Firefox mais rien ne se passe document.all [ par g_fuck ] salut tout le monde ....j'ai un petit problem assez urgent .... est ce que quelqu'un pourai me dire en javascript ce que veux dire document.all??? est afficher un message d'alert [ par corrsland ] Bonsoir à tous !Je suis nouvelle sur ce forum... j'ai découvert le site il y a peu...Je fait actuellement une licence pro Création pour le Web et je d probleme javascipt et IE8 sur input type button [ par poz924 ] Bonjour tout le monde, je vous explique mon problème, j'ai un bouton de ce type là: [code=html][/code] qui déclenche une fonction javascr


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,390 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales