Vérification avant l'envoi de formulaire

**navis84** · 11/04/2006, 09h31

Bonjour,

Avant l'envoi de mon formulaire, je souhaite vérifier que certains champs soient saisis, en signalant une alerte lorsque ce n'est pas le cas. Or, le script ne passe pas dans ma fonction champsok() et envoi le 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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<script language='javascript'>
   <!--
      function champsok()
         {
             var alerte;
             alerte = '';
 
             if (document.frm_contact.txt_nom.value.length == 0)
              {
                    alerte = alerte + '- Le nom de famille\n';
              }
 
              if (alerte != '')
             {
                         alerte = 'Veuillez saisir les champs suivants : \n\n' + alerte;
                         alert(alerte);
                         return false;
              }
             else
             {
                        return true;
             }
 
 };
//-->
</script>				
 
 
<form name='frm_contact' action='?q=node/140' method='POST' OnSubmit='return champsok()'>
     Nom de famille : <input name='txt_nom' type='text' maxlength='20' />
     <input type='submit' name='bt_valider' value='Valider' />
</form>

Merci d'avance pour votre aide

**MasterOfChakhaL** · 11/04/2006, 10h05

ton script passe comme il faut chez moi (opéra 8.5)

**pc75** · 11/04/2006, 10h06

Bonjour,

Et avec ça ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
if (document.frm_contact.txt_nom.value == '')

**10-nice** · 11/04/2006, 10h09

essaye peut être comme ca :

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
19
20
21
22
23
24
25
26
27
 
<script type="text/javascript">
   		//<![CDATA[
function champsok()
         {
             var alerte;
             alerte = '';
 
             if (document.frm_contact.txt_nom.value.length == 0)
              {
                    alerte = alerte + '- Le nom de famille\n';
              }
 
              if (alerte != '')
             {
                         alerte = 'Veuillez saisir les champs suivants : \n\n' + alerte;
                         alert(alerte);
                         return false;
              }
             else
             {
                        return true;
             }
 
 }; 
   		//]]>
   		</script>

Sinon pour exemple tu peux aller regarder le code source de cette page : http://chiwoy.free.fr/register.php

ca te donnera peut etre des idées

**navis84** · 11/04/2006, 10h17

Merci pour vos réponses.

Sous Mozilla Firefox, le formulaire est envoyé, sans message d'erreur Javascript.
Sous IE, le message d'erreur est : constante chaîne non déterminée, et le formulaire est aussi envoyé. (l'erreur se produit à la ligne où commence l'accolade ouvrant la fonction)

Cela fait pareil avec la méthode de 10-nice.

**10-nice** · 11/04/2006, 10h25

ca fonctionne parfaitement chez moi sous FF , sous IE et sous opéra

**navis84** · 11/04/2006, 13h34

Je l'ai testé indépendamment en effet, et cela marche.

Par contre, il faut savoir que ce script est intégré dans un CMS : Drupal 4.6.5

Le problème viendrait-il de là ?

**poissonsoluble** · 10/05/2006, 11h55

Moi aussi,je dispose d'un formulaire, je voudrai vérifier que les champ obligatoires sont bien remplis:

Au fait je me sert d'une fonction javascript pour vérifier: voici la fonction:

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
<script>
  var champsOblig = new Array();
  var message = new Array();
 
  champsOblig[1] = 'nom_client';
  champsOblig[2] = 'add_client';
  champsOblig[3] = 'cp_client';
  champsOblig[4] = 'ville_client';
  champsOblig[5] = 'email_client';
  champsOblig[6] = 'mdp_client';
  champsOblig[7] = 'conf_mdp_client';
 
  message[1] = "Saisissez votre nom";
  message[2] = "Saisissez votre adresse";
  message[3] = "Saisissez le code postal";
  message[4] = "Saisissez la ville";
  message[5] = "Saisissez votre e-mail";
  message[6] = "Saisissez votre mot de passe";
 
    function verifier_champ() {
    var formul = document.forms[0];
    if (verificationsGenerales(formul)) 
    { if (verificationCodePostal(formul.cp_client))
      { if (verificationEmail(formul.email_client))
        { if (verificationMotDePasse(formul.mdp_client))
          { formul.submit(); }
        }
      }
    }
  }
</script>

J'ai mis des "alert" partout, pour voir s'il rentre bien dans les fonction: Mon code arrive à vérifier les champs obligé mais kan j'arrive au champ du mot de passe, il vérifie mais il fait pas d'alert("Saisissez votre mot de passe")!!!!! Du coup il enregistre le mot de passe kom vide!!
Bon j'arete d'expliquer car g la tete qui va exploser et j'y ai passé toute la journé d'hier!!

j'espere qu'il ya au moins 1personne qui pourra m'aider!! Je n'arrive pas à avancer!
Merci d'avance pour votre aide

**poissonsoluble** · 10/05/2006, 12h56

Bon, je vois que mon probleme n'interesse personne!!

**kalash_jako** · 10/05/2006, 13h02

Il ne faut pas trop miser sur le javascript. En effet, si tu t'en sert comme une sorte de "protection" et que quelqu'un le désactive ce ne sera plus rentable!

Si tu vérifies que j'ai bien mis un mot de passe en JS et que mon JS est désactivé, le script va poursuivre sans le JS.

A toi de voir!

**poissonsoluble** · 10/05/2006, 13h04

Eh ben je fais comment pour vérifier!!!

**poissonsoluble** · 10/05/2006, 13h18

Comment je sais si mon javascript est activé ou pas?

**kalash_jako** · 10/05/2006, 13h23

Pour vérifier, je sais pas, j'ai rien compris à ton code! (ta fonction verifier_champ est bizzard..) Montre le reste parce que:
verificationsGenerales(formul) <= Elle vient d'où la fonction??
Sinon, pour vérifier que les utilisateurs ont bien activés le JS, il y a des moyens louches en PHP (va voir sur google).

Moi, je met un simple message entre les balises head:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
 <noscript>Pour pouvoir normalement utiliser ce site, il est imperatif que vous activiez les fonctions JavaScript de votre navigateur.</noscript>

On ne le voit que si le JS n'est pas activé.

Voilou

**poissonsoluble** · 10/05/2006, 13h29

g pas volu mettre le détail de toutes les fonction car ca démotive de lire kan le code est long, mais si tu veux voila le détail de chaque fonction:

Le code de la fonction verificationgenerales:

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
19
20
21
22
 
function verificationsGenerales(formulaire) {
alert('verif general');
    var champIncorrect = -1;
    for (var i=1; i<champsOblig.length; i++) {
        if (champsOblig[i]) {
            if (valeurVide(formulaire[champsOblig[i]].value)) {
                formulaire[champsOblig[i]].value ='';
                champIncorrect = i;
                i=champsOblig.length;
            }
        }
    }
    if (champIncorrect>-1) {
        alert("champ incorect");
        alert(message[champIncorrect]);
        formulaire[champsOblig[champIncorrect]].focus();
        return false;
    } else {
        return true;
    }
}

Le code de la fonction verificationCodePostal:

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
 
function verificationCodePostal(champCP) {
alert("verif CP");
    if (champCP.value.length!=5) {
        alert('Le code postal doit contenir 5 chiffres');
        champCP.focus();
        return false;
    } else {
        if (isNaN(champCP.value)) {
            alert('Le code postal ne doit contenir que des chiffres');
            champCP.focus();
            return false;
        } else {
            return true;
        }
    }
}

La fonction pour vérifier l'email est longue, je lé déjà vérifié, elle marche.

Puis la fonction verificationMotDePasse:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function verificationMotDePasse(formulaire, nomChamp) {
alert('verif mdp');
    if (formulaire[nomChamp].value!=formulaire[nomChamp+'2'].value) {
        formulaire[nomChamp].value = '';
        formulaire[nomChamp+'2'].value = '';
        formulaire[nomChamp].focus();
        alert('Confirmation du mot de passe erronée');
        return false;
    } else {
        return true;
    }
}

Voilà tout, Merci

**kalash_jako** · 10/05/2006, 13h41

Oulalala! En effet! Vive le PHP

Bon, en regardant le code le plus simple, celui du code postale.
Tout d'abord, si tu met un alert dans la fonction verifier_champ ca marche?

Retire tous sauf la fonction de vérification du CP.

l'alert est censé arrivé.

Ensuite, la fonction a l'air correcte.

Met un alert à la fin de l'appel de la fct de vérif de CP dans la fonction verifier_champ.

Elle devrait s'afficher.

Test déjà ca, et post les résultats.

**poissonsoluble** · 10/05/2006, 13h43

Bon, je ne sais pas comment g fait? Ou comment g pas fait? Mais ca marche!!!!

C ca qui me fait chié avec la programmation, je ne comprend pas pourquoi ca ne marchait pas mais je ne sais pas pourquoi ca marche maint! Mais tant mieux!! 2jours j'y suis dessus!
Merci à tous

**kalash_jako** · 10/05/2006, 13h44

Tout est bien qui fini bien

Content pour toi

**poissonsoluble** · 10/05/2006, 14h01

Merci!

Vérification avant l'envoi de formulaire

JavaScript

Discussions similaires

Partager

Partager