Validation de champs ds formulaire

Version imprimable

08/03/2006, 06h15
fikou

Validation de champs ds formulaire

Bonjour, :D

J'ai du reprendre le site de mon club et je dois faire un formulaire.
Je ne connais pas le HTML (cela viendra) J'ai fais le formulaire avec Frontpage.

Lorsque l'ont fait Envoyer j'aimerai afficher un message d'erreur si le champs est vide ou null.

Je pense que cela se passe ici

Code:

<input type="submit" value="Envoyer"

Mais je ne sais pas comment faire
Merci de bien vouloir me donner une piste.

Fikou

Bonjour,

Tu peux utiliser un javascript.
Dans ton formulaire :
Code:

1 2 3 4 <form name="MonForm action="Page2"> <input type="text" name="txtCode" .....> <input type="button" name="cmdValider" value="Valider" onclick="Verif()">
Et la fonction :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <script language="javascript"> function Verif() { if (document.MonForm.txtCode.value == "") { alert("Le code est obligatoire"); document.MonForm.txtCode.focus(); } else { document.MonForm.submit(); } } </script>
PS : C'est à peu près l'idée, sinon avec une recherche sur ce forum, tu trouveras plein d'exemples et d'explications.

08/03/2006, 09h05
SpaceFrog

oui à peu près l'idée .. ;mais jette aussi un oeil sur le onsublit d'un form ... c'est fait pour ça ...

Bonjour et merci, :D

Je n'y arrive pas, je n'arrive pas à déclencher le script.

Quand je clique sur le bouton envoyer il me retourne une page

Citation:

Form validation error

Voici un extrait du code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 <td style="border-style: none; border-width: medium">
	<form method="POST"
    onsubmit="return FrontPage_Form1_Validator(this)" name="frmSaisieP"
    action="--WEBBOT-SELF--">
      <!--webbot bot="SaveResults" startspan U-File="../_private/form_results.csv"
      S-Format="TEXT/CSV" S-Label-Fields="TRUE" B-Reverse-Chronology="FALSE"
      S-Email-Format="TEXT/PRE" S-Email-Address="mone-mail@tele2.ch" B-Email-Label-Fields="TRUE"
      S-Builtin-Fields U-Confirmation-Url="quittance_commande_passe.htm" --><input TYPE="hidden" NAME="VTI-GROUP" VALUE="0"><!--webbot
      bot="SaveResults" endspan i-checksum="43374" --><div align="left"><p><big><big><font color="#FF8040">&nbsp;&nbsp;
      Attention !! page inactive, en travaux</font></big></big></p>
      </div><div align="left"><p><u><b><font size="6" color="#0000FF">Coordonnées de la
      société :</font></b></u></p>
      </div><div align="left"><table border="1" width="661" id="table3"
      style="border-width: 0px">

Appel du script

Code:

1
2
3
4
<div align="center">
			<p align="left">
		<input type="submit" value="Envoyer" onclick="Verif()
      name="cmdValider"></p>

Merci de me dépanner :oops:

Pour SpaceFrog c'est ou onsublit :?:

Fikou

09/03/2006, 08h09
pc75

Re,

<input type="submit" ...... => type="button"

onclick="Verif() ..... => onclick="Verif()" (il manque un guillemet)
09/03/2006, 13h57
fikou
Re,

J'ai mis les guillemets :

Code:

<input type="submit" type="button" value="Envoyer" onclick="Verif()"

Si je rentre une valeur dans le textbox pas de prob cela fonctionne je reçois un e-Mail avec les valeurs saisie.

Si le textbox est vide j'ai toujours cette page avec ce message

Citation:

Form Validation Error
Please correct the information you provided by following these steps, then submit the information again:

Please enter a value greater than "0" in the "S_NomSociete" field.

Return to the form.

Je pense que cela ce passe ici :
Code:

1 2 3 onsubmit="return FrontPage_Form1_Validator(this)" name="frmSaisieP" action="--WEBBOT-SELF--"> <!--webbot bot="SaveResults" startspan U-File="../_private/form_results.csv"
C'est ici le onsubmit don parle SpaceFrog :?:

Je doit mettre quoi dans ce onsubmit :?:

Fikou