Forum de discussion
Forum « Programmation Javascript » (archives)
Re: comment rajouter des vérifications dans mon formulaire
Envoyé: 27 juillet 2005, 4h24 par hellnn
voici ma page test, de façon à ce que vous puissiez visualiser le formulaire par lui même:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Un formulaire de renseignements</title>
<script language="javascript" type="text/javascript">
function testCheckbox(nomForm,nomGroupe)
{
var compteur;
compteur = 0;
while (compteur < capB[nomGroupe].length)
{
if (nomForm.elements[nomGroupe][compteur].checked)
return true;
compteur++;
}
return false;
}
function testEntier(valeur)
{
if (valeur == parseInt(valeur,9)) return true;
else return false;
}
function testMail(email)
{
var posArobase;
posArobase = email.indexOf("@");
if (posArobase == -1) return false;
var posPoint;
posPoint = email.lastIndexOf(".");
if ((posPoint == -1) || (posPoint < posArobase)) return false;
return true;
}
function testSaisie()
{
var formulaire;
var erreur;
formulaire = document.forms["cap-sante-beaute"];
erreur = 0;
if (formulaire.elements["civ"].options[formulaire.elements["civ"].selectedIndex].value == "" && erreur==0) erreur = 1;
if (formulaire.elements["prenom"].value == "" && erreur==0) erreur = 2;
if (formulaire.elements["nom"].value == "" && erreur==0) erreur = 3;
if (formulaire.elements["adresse"].value == "" && erreur==0) erreur = 4;
if (formulaire.elements["cp"].value == "" && erreur==0) erreur = 5;
if (formulaire.elements["ville"].value == "" && erreur==0) erreur = 6;
if (formulaire.elements["pays"].options[formulaire.elements["pays"].selectedIndex].value == "" && erreur==0) erreur = 7;
if (!testMail(formulaire.elements["email"].value)&& erreur==0) erreur = 8;
if (!formulaire.elements["activite"].checked && erreur==0) erreur = 9;
switch(erreur)
{ case 0 :
window.alert("Vos saisies sont correctement encodées");
return true;
case 1 :
window.alert("Choisissez votre civilité");
document.forms[0].elements["civ"].focus();
return false;
case 2 :
window.alert("Le prénom est un champ obligatoire");
document.forms[0].elements["prenom"].focus();
return false;
case 3 :
window.alert("Le nom est un champ obligatoire");
document.forms[0].elements["nom"].focus();
return false;
case 4 :
window.alert("L'adresse est un champ obligatoire");
document.forms[0].elements["adresse"].focus();
return false;
case 5 :
window.alert("Le code postal n'est pas valide");
document.forms[0].elements["cp"].focus();
return false;
case 6 :
window.alert("La ville est un champ obligatoire ");
document.forms[0].elements["ville"].focus();
return false;
case 7 :
window.alert("Choisissez votre pays");
document.forms[0].elements["pays"].focus();
return false;
case 8 :
window.alert("Votre mail ne semble pas correctement encodé");
document.forms[0].elements["email"].focus();
return false;
case 9 :
window.alert("Merci de cocher au moins une activité");
document.forms[0].elements["activite"].focus();
return false;
}
}
</script>
</head>
<body>
<form name="capB" onsubmit="return testSaisie()" action="inscription_ok.html" method="post">
<p>Veuillez remplir les champs suivants :</p>
<p>Civilité* : <select name="civ">
<option selected value="">Civilité</option>
<option value="1">Monsieur</option>
<option value="2">Madame</option>
<option value="3">Mademoiselle</option>
</select><br>
Nom* : <input type="text" name="nom" size="25"><br>
Prénom* : <input type="text" name="prenom" size="25"><br>
Adresse* : <input type="text" name="adresse" size="25"><br>
Code postal* : <input type="text" name="cp" size="6"><br>
Ville* : <input type="text" name="ville" size="25"><br>
Pays* : <select name="pays">
<option selected value="">Choisissez votre pays</option>
<option value=FR>France</option>
<option value="">-------</option>
<option value=AF>Afghanistan</option>
<option value=AL>Albanie</option>
</select><br>
Téléphone : <input type="text" name="telephone" size="25"><br>
Fax : <input type="text" name="fax" size="25"><br>
Mobile : <input type="text" name="mobile" size="25"><br>
E-mail* : <input type="text" name="email" size="25"><br>
Date de naissance* : <input type="text" name="date"><br>
</p>
<table width="420" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="179">A</td>
<td><input class="form" type="checkbox" name="activite" value="A" </td> <td width="179"> Cosmétiques</td></td>
<td>I</td>
<td><input class="form" type="checkbox" name="activite" value="I"></td>
</tr>
<tr>
<td width="179">B</td>
<td><input class="form" type="checkbox" name="activite" value="B"></td>
<td width="179">J</td>
<td><input class="form" type="checkbox" name="activite" value="J"></td>
</tr>
<tr>
<td width="179">C</td>
<td><input class="form" type="checkbox" name="activite" value="C"></td>
<td width="179">K</td>
<td><input class="form" type="checkbox" name="activite" value="K"></td>
</tr>
<tr>
<td width="179">D</td>
<td><input class="form" type="checkbox" name="activite" value="D"></td>
<td width="179">L</td>
<td><input class="form" type="checkbox" name="activite" value="L"></td>
</tr>
<tr>
<td width="179">E</td>
<td><input class="form" type="checkbox" name="activite" value="E"></td>
<td width="179">M</td>
<td><input class="form" type="checkbox" name="activite" value="M"></td>
</tr>
<tr>
<td width="179">F</td>
<td><input class="form" type="checkbox" name="activite" value="F"></td>
<td width="179">N</td>
<td><input class="form" type="checkbox" name="activite" value="N"></td>
</tr>
<tr>
<td width="179">G</td>
<td><input class="form" type="checkbox" name="activite" value="G"></td>
<td width="179">O</td>
<td><input class="form" type="checkbox" name="activite" value="O"></td>
</tr>
<tr>
<td width="179">H</td>
<td><input class="form" type="checkbox" name="activite" value="H"></td>
<td width="179"></td>
<td></td>
</tr>
</table>
<p>(*) Champs obligatoires</p>
<p><input type="submit" name="Submit" value="Envoyer"></p>
</form>
</body>
</html>
Il s'agit probablement d'un oubli bête ma part mais comme je découvre le javascript et essaye d'apprendre toute seule...je serai soulagée d'avoir un petit coup de pouce !
d'avance merci ;)
Réponses
|
![[Photo]](https://www.trucsweb.com/documents/images/2024/js-bs-formulaire-fetch.png)
Formulaire Bootstrap 5 Ajax avec validation.![[Photo]](https://www.trucsweb.com/documents/images/2023/elephants-Salvador_Dali_1948.jpg)
Sécuriser l’accès « bureau à distance » sous IIS![[Photo]](https://www.trucsweb.com/documents/images/2023/trou_noir_galaxie_M87.jpg)
L’AI au temps du Far-Web![[Photo]](https://www.trucsweb.com/documents/images/2023/gilles-villeneuve-montreal1978.jpg)
Sélecteurs JavaScript querySelector() et querySelectorAll()![[Photo]](http://www.trucsweb.com/documents/images/2023/evolution_de_lhomme.jpg)
CSS - Animations![[Photo]](http://www.trucsweb.com/documents/images/2023/univers-copernic.jpg)
Mode de couleurs (Color modes) Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/2023/les_burgers_de_papa.jpg)
25 ans des Trucsweb - Bouton hamburger animé Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/logos/l_whatwg.svg)
Living Standard pour HTML de Apple, Google, Mozilla, Microsoft ...et la W3C![[Photo]](http://www.trucsweb.com/documents/images/2022/tim-berners-lee-web-b.jpg)
Le nouveau HTML « Living Standard » et le XML![[Photo]](http://www.trucsweb.com/documents/images/2022/v_jacques_dutronc-les_cactus.jpg)
Sécuriser un formulaire de contact au Far-Web!
AbuseIPDB
Connexion