champ text pré rempli , vérification avant envoi bloque

**remrem59** · 16/09/2008, 21h23

Bonjour...

Je ne pense pas que le titre soit assez clair ... donc je reformule...

J'ai un formulaire pré-rempli avec du php :
exemple :

Code :

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

<input type="text" id="email1" size="50" name="email1" value="<?php echo ''.$email1.''; ?>" maxlength="60" onkeyup="verifMail(this.value);" />

Ça me permet de compléter le formulaire avec les infos sauvegardées dans ma bdd... le "onkeyup" me sert à vérifier l'info que l'utilisateur met dans le champs (les différents types et valeurs de données) ainsi je l'avertis de suite si le champ n'est pas correctement rempli.

A la fin de mon formulaire j'appelle une fonction pour vérifier que tout les champs sont bien remplis : "onsubmit="return verifForm2()".

Le problème est que tout les champs complétés en php et qui ne subissent pas de modification sont considérés comme vide... donc le formulaire n'est pas valide tant que l'utilisateur n'as cliqué dans tout les champs...

Ce que je voudrais, au mieux, c'est que tout les champs pré-rempli soit re vérifié, et que lors de l'envoi du formulaire tout les champs pré rempli n'ayant pas subit de modifications soit considérés comme rempli.
au pire... que les champs pré-rempli ne soit pas re-vérifier mais que le formulaire ne bloque pas lors de l'envoi....

Help ... Merci pour vos réponses !

**le_chomeur** · 16/09/2008, 22h52

bonsoir, on aurais bien aimé voir ta méthode verifForm2();
sinon , document.getElementsByTagName("input") , te permet de récupérer tout tes champs input , tu n'as plus qu'a boucler pour vérifier le contenu / type etc

**remrem59** · 16/09/2008, 23h07

Code :

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

1
2
3
4
5
6
7
function verifForm2(formulaire){	
	if ((document.inscription.nom.value == "") || (document.inscription.prenom.value == "") || (document.inscription.naissance.value == "") || (document.inscription.adresse.value == "") || (document.inscription.cp.value == "") || (document.inscription.email1.value == "") || (document.inscription.pwd1.value == "") || (document.inscription.pwd2.value == "")) { 
		alert('Veuillez vérifier le formulaire ! Merci.'); 
		return false;
	} else {
		return true;
	}

Voilà ma fonction verifForm2...
C'est surement pas la meilleure solution... mais étant novice...

Le truc c'est que je ne vérifie pas tout les champs... juste ceux là ...

**Bovino** · 17/09/2008, 08h39

Code :

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

if ((document.inscription.nom.value == document.inscription.nom.defaultValue)...

**SpaceFrog** · 17/09/2008, 08h43

oulà en effet une enfilade de || c'est pas top ... d'autant plus qu'il me semble qu'il ya ait une limite ...

autre chose, au niveau de la syntaxe je conseille d'utiliser plutot celle ci:

Code :

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

document.forms['inscription'].elements['nom'].value

...

et

Code :

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

name="email1" value="<?php echo ''.$email1.''; ?>"

à quoi sevrnet les '' ??

Code :

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

name="email1" value="<?php echo $email1; ?>"

les champs préremplis ne sont pas pris en compte ... ???

pas normal

Et dernier point il me semble que maxLength s'ecrit avec L majuscule ...

**remrem59** · 17/09/2008, 12h16

Héhé

Merci pour vos réponses... je commence à voir le bout du tunnel

Merci à SpaceFrog pour :

Code :

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

document.forms['inscription'].elements['nom'].value

Ça a résolu mon problème de validation de formulaire... Merci beaucoup

Si je rajoute le ''.$nom.''... euh ... pas d'excuses ... (avait la tête ailleur...

)

Par contre maxlength avec un L majuscule n'est pas valid W3C ...

Il me reste un dernier point .... comment appeler mes fonction de vérification de champs quand le champ est pré-rempli est que l'utilisateur ne touche pas au champs.... J'ai regardé au niveau des événements mais je ne trouve rien qui pourrait faire la farce... J'ai pensé a appeler mes fonction en jouant sur le

Code :

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

<body onload = "verifChamp();">

appelant :

Code :

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

1
2
3
4
5
6
7
function verifChamp(){
	if (document.forms['inscription'].elements['nom'].value != "") {
	alert('Champ nom pré-rempli.');
	} else {
	alert('ca merde!'); 
	}
}

Ça fonctionne... mais il n'y a pas plus simple?

**SpaceFrog** · 17/09/2008, 12h38

passer par le onchnge des champs pour modifier un flag ?

champ text pré rempli , vérification avant envoi bloque

JavaScript

Discussions similaires

Partager

Partager