test de plusieurs champs dans un formulaire
je cherche à tester tous les champs dans le code suivant avec les fonctions ecrites et ce en appuyant sur le bouton Afficher
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 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function verif_formulaire()
{
if(document.formulaire.nom.value == "")
{
alert("Veuillez entrer votre nom!");
document.formulaire.nom.focus();
return false;
}
if(document.formulaire.prenom.value == "")
{
alert("Veuillez entrer votre prenom!");
document.formulaire.prenom.focus();
return false;
}
if(document.formulaire.email.value == "")
{
alert("Veuillez entrer votre adresse email!");
document.formulaire.email.focus();
return false;
}
// verifie que le champ comprend bien un @
if(document.formulaire.email.value.indexOf('@') == -1)
{
alert("Le format de l'email n'est pas valide!");
document.formulaire.email.focus();
return false;
}
}
</script>
<script language="javascript">
function test_CP(x){
x.style.borderColor="";
var valobj=x.value;
var ch=x.value;
var recherche = /^[0-9]{4,5}$/;
var resultat = recherche.test(valobj);
if(!resultat || valobj=="" || x.value.length>4)
{
alert("Code postale invalide !");
x.style.borderColor="red";
x.focus();
}
return true;
}
</script>
<script language="javascript">
function test_num_tel(y){
y.style.borderColor="";
var valobj=y.value;
var recherche = /^[0-9]{8,13}$/;
var resultat = recherche.test(valobj);
if(!resultat && valobj=="")
{ alert("Numero invalide !");
y.style.borderColor="red";
y.focus();
}
return true;}
</script>
</head>
<BODY>Tapez votre texte:<br>
<FORM METHOD=POST ACTION="" NAME="formulaire">
nom : <INPUT TYPE="text" NAME="nom"><BR>
prénom :<INPUT TYPE="text" NAME="prenom"><BR>
mail: <INPUT TYPE="text" NAME="email"><BR>
Code Postale: <INPUT TYPE="text" NAME="x"><BR>
tel:<INPUT TYPE="text" NAME="y"><BR>
<INPUT TYPE="button" NAME="bouton" VALUE="Afficher">
</FORM>
</BODY>
</html> |