Controle de saisie

Bonsoir à tous
J'ai fait un fonction verif en javascript qui controle si tous les champ du formulaire on été remplit si ce n'est pas le cas elle les souligne en rouge et retourne un boolean faux. Quand je teste sa fonctionne c'est a dire que les champ non remplit sont souligné en rouge par contre il envoit quand même le formulaire.Par contre si je met return false dans toutes mes conditions le formulaire ne s'envoie pas mais la fonction n’exécute qu'une condition puis s’arrête..

Ma balise formulaire

Code:

---

<form name="formRAPPORT_VISITE" method="post" action="recupRAPPORT_VISITE.php" onsubmit="return verif()">

---

Ma fonction javascript

Code:

---

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 33 34 35 36 37 38 39

function verif() { submit = true; praticien = document.getElementById('PRA_NOM'); bilan = document.getElementById('RAP_BILAN'); produit1 = document.getElementById('PROD1'); produit2 = document.getElementById('PROD2'); motif = document.getElementById('RAP_MOTIF'); motifautre = document.getElementById('RAP_MOTIFAUTRE'); if(praticien.value == 'praticien') { surligne(praticien, true) submit = false; } if(bilan.value.length < 2) { surligne(bilan, true) submit = false; } if(produit1.value == 'Produit 1') { surligne(produit1, true) submit = false; } if(produit2.value == 'Produit 2') { surligne(produit2, true) submit = false; } if(motif.value == 'AUT') { if(motifautre.value.length < 2) { surligne(motifautre, true) submit = false; } } return submit; }

---

Merci d'avance

il te faut passer par la gestion de l'événement
il y a les méthodes
event.stopPropagation()
event. preventDefault()

ça s'utilise comme ça :

Ta balise formulaire

Code:

---

<form name="formRAPPORT_VISITE" method="post" action="recupRAPPORT_VISITE.php" onsubmit="verif(event);">

---

Ma fonction javascript

Code:

---

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 33 34 35 36

function verif(event) { praticien = document.getElementById('PRA_NOM'); bilan = document.getElementById('RAP_BILAN'); produit1 = document.getElementById('PROD1'); produit2 = document.getElementById('PROD2'); motif = document.getElementById('RAP_MOTIF'); motifautre = document.getElementById('RAP_MOTIFAUTRE'); if(praticien.value == 'praticien') { surligne(praticien, true); event.stopPropagation(); } if(bilan.value.length < 2) { surligne(bilan, true); event.stopPropagation(); } if(produit1.value == 'Produit 1') { surligne(produit1, true); event.stopPropagation(); } if(produit2.value == 'Produit 2') { surligne(produit2, true); event.stopPropagation(); } if(motif.value == 'AUT') { if(motifautre.value.length < 2) { surligne(motifautre, true); event.stopPropagation(); } } }

---

Je ne sais plus laquelle des deux méthodes il faut utiliser
de plus il me semble que IE au moins dans certaines version ne respecte pas le standard à ce sujet.

il est peut être nécessaire de traiter l'événement pour la majorité des navigateurs et le return false pour IE

AP+JYT

Bonjour,

Citation:

---

Quand je teste sa fonctionne c'est a dire que les champ non remplit sont souligné en rouge par contre il envoit quand même le formulaire.

---

je verrais plutôt un problème dans le script, mais vu celui ci je pencherais pour un problème sur l'identifiant d'un des éléments.

Attention également à l'utilisation d'un INPUT type="image".

Il serait donc intéressant de voir le HTML du formulaire.

bonjour,

il y a quand même une chose qui me gène dans ce code : les variables ne sont pas déclarées. Si un objet porte le même nom qu'une de ces variables il y aura des soucis.

Bonjour,

Comme NoSmoking, je pense à un problème dans l'exécution du script.
Un try catch englobant le code entre la déclaration de "submit" et le return de fin doit permettre de s'en assurer.