Verification du formulaire
Le Script JAvascript à mettre entre le </head> et le <body>
- Code: Tout sélectionner
<script language="javascript">
function verifier()
{
var nom=document.f1.nom.value;
var prenom=document.f1.prenom.value;
var age=document.f1.age.value;
var email=document.f1.email.value;
var texte=document.f1.texte.value;
var m_nom = "<li><font color='green'>Le champs <b>Nom</b> est correctement saisi</font></li>";
var m_prenom = "<li><font color='green'>Le champs <b>Prenom</b> est correctement saisi</font></li>";
var m_age = "<li><font color='green'>Le champs <b>Age</b> est correctement saisi</font></li>";
var m_email = "<li><font color='green'>Le champs <b>Email</b> est correctement saisi</font></li>";
var m_texte = "<li><font color='green'>Le champs <b>Texte</b> est correctement saisi</font></li>";
var verif=true;
if (nom == '') {
m_nom= "<li><font color='red'>Le champs <b>Nom</b> est <u>Vide</u></font></li>";
verif = false;
}
if (prenom == '') {
m_prenom= "<li><font color='red'>Le champs <b>Prenom</b> est <u>Vide</u></font></li>";
verif = false;
}
if (isNaN(age)==true) {
m_age= "<li><font color='red'>Le champs <b>Age</b> <u>n'est pas numérique</u></font></li>";
verif = false;
}
if (age == '') {
m_age= "<li><font color='red'>Le champs <b>Age</b> est <u>Vide</u></font></li>";
verif = false;
}
if (email.indexOf('@',0)==-1) {
m_email= "<li><font color='red'>Le champs <b>Email</b><u> Ne Contient pas le caractère '@'</u></font></li>";
verif = false;
}
if (email == '') {
m_email= "<li><font color='red'>Le champs <b>Email</b> est <u>Vide</u></font></li>";
verif = false;
}
if (texte == '') {
m_texte= "<li><font color='red'>Le champs <b>texte</b> est <u>Vide</u></font></li>";
verif = false;
}
if (verif)
{
alert ("Merci votre formulaire est complète");
}
else
{
alert ("Votre Formulaire est manquante");
document.write ("<ul>Merci de corriger ce(s) erreur(s) : ");
document.write (m_nom);
document.write (m_prenom);
document.write (m_age);
document.write (m_email);
document.write (m_texte);
document.write ("</ul>");
document.write ("<p><a href='javascript:back();'>Corriger</a></p>");
}
}
</script>
l'exemple Formulaire à mettre bien sûr dans le <Body>
- Code: Tout sélectionner
<form method="post" action="#" name="f1"><span style="font-family: MS Shell Dlg;"></span>
<table style="text-align: left; width: 100%;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td>Nom</td>
<td><input name="nom"></td>
</tr>
<tr>
<td>Prénom</td>
<td><input name="prenom"></td>
</tr>
<tr>
<td>Age</td>
<td><input name="age"></td>
</tr>
<tr>
<td>Email</td>
<td><input name="email"></td>
</tr>
<tr>
<td>Texte</td>
<td><textarea cols="25" rows="6" name="texte"></textarea></td>
</tr>
<tr>
<td><input value="Envoyer" onclick="verifier()" type="submit"></td>
<td><input value="Remettre à zero" type="reset"></td>
</tr>
</tbody>
</table>
</form>
