|
|
|
|
Bonjour à tous tous et surtout aux spécialistes en javascript,
Voici mon script (verif.js) qui se trouve dans un répertoire scripts:
<!-- Vérification des champs du formulaire
function verif(formulaire)
{
if(formulaire.nom.value == '') // s'il manque le nom, affiche l'alerte !
alert('Merci de saisir votre nom')
if(formulaire.prenom.value == '') // s'il manque le prénom, affiche l'alerte !
alert('Merci de saisir votre prénom')
if(formulaire.matricule.value == '') // s'il manque le matricule, affiche l'alerte !
alert('Merci de saisir votre matricule')
if(formulaire.phone.value == '') // s'il manque le téléphone, affiche l'alerte !
alert('Merci de saisir votre numéro de téléphone')
if(isNaN(formulaire.phone.value)) // si le n° comporte moins où plus de 6 chiffres, affiche l'alerte !(je ne sais pas comment faire ici)
alert('Numéro de téléphone non valide.')
else
formulaire.submit();
}
//-->
<form method="post" action="verif-form.htm" name="formulaire">
<div>
<p><fieldset>
<legend>Coordonnées de l'interresse(é)</legend>
<label for="nom"> Nom <strong class="red">*</strong>
<input name="nom" type="text" id="nom" tabindex="1" size="33" maxlength="40">
</label>
<label for="prenom"> Prénom <strong class="red">*</strong>
<input name="prenom" type="text" id="prenom" tabindex="2" size="33" maxlength="40">
</label><p></p>
<p>
<label for="matricule"> matricule <strong class="red">*</strong>
<input type="text" name="matricule" id="matricule" tabindex="3" size="4" maxlength="4"></label>
<label for="telephone"> Téléphone <strong class="red">*</strong>
<input type="text" name="phone" id="phone" tabindex="4" size="6" maxlength="6">
</label>
<label for="e-mail"> e-mail
<input name="courriel" type="text" id="courriel" tabindex="5" maxlength="50" value="facultatif" onFocus="this.value=''"></label></fieldset>
<p></p>
<div align="left">souhaite assister à la séance de sensibilisation à la sécurité des systèmes d'information pour la date ci-dessous:<br>
<br>
Choisir une date
<select name="select" tabindex="6">
<option>lundi 20 juin 2005</option>
<option>mercredi 29 juin 2005</option>
<option>vendredi 8 juillet 2005</option>
<option>mardi 12 juillet 2005</option>
<option>lundi 18 juillet 2005</option>
</select>
<br>
<br>
Commentaire éventuel:
<textarea name="textarea" tabindex="7" cols="60" rows="4"></textarea>
</div>
<p align="center">
<input type="submit" name="verifier" tabindex="8" class="bouton" value="Vérifier" onSubmit="return verif(this)" />
</p>
</div>
</form>
Rectification:
<form method="post" action="verif-form.htm" name="formulaire"> par <form method="post" action="verif-form.htm" name="formulaire" onSubmit="return verif(this.form)">au lieu de le mettre sur le bouton Vérifier il m'affiche les alertes, autant qu'il y a de champs vides mais en cliquant sur OK, ça m'envoie quand même sur la 2ème page. Autre chose, j'ai modifié aussi le script: Au lieu de function verif(formulaire) par function verif()et formulaire.submit();par formulaire.go.click(); Comment je peux faire pour revenir OBLIGATOIREMENT sur le formulaire tant qu'il n'est pas bien renseigné ? Merci beaucoup d'avance ;-) Le bonheur est la seule chose que l'on peut donner sans l'avoir. |
si le n° comporte moins où plus de 6 chiffres, affiche l'alerte !(je ne sais pas comment faire ici)
|
function verif() {
// ------------- Vérification des champs du formulaire --------------
var msg = "Merci de saisir :\n" ; lgMsg = msg.length ;
if ( formulaire.nom.value == '' ) msg += "> votre nom\n" ;
if ( formulaire.prenom.value == '' ) msg += "> votre prénom\n" ;
if ( formulaire.matricule.value == '' ) msg += "> votre matricule\n" ;
if ( formulaire.phone.value == '' ) {
msg += "> votre n° de téléphone\n" ;
} else {
if ( isNaN(formulaire.phone.value) || formulaire.phone.value.length != 6 ) {
msg += "> votre n° de téléphone (6 chiffres)\n" ;
}
}
// -----------------------------------------------------------------------
if ( msg.length > lgMsg ) {
alert(msg) ;
} else {
alert("Message transmis !") // formulaire.submit();
}
}
|
Ajouter champ condition formulaire javascript Ajouter un champs dans formulaire source controle Asp controle de formulaire Controle automatique champs formulaire Controle formulaire javascript Javascript controle de formulaire sur sortie Javascript controle radio Javascript controler valeur input Javascript parcourir champs Javascript remplir valeur formulaire Javascript remplir valeur formulaire html Javascript récupérer champ post Javascript récupérer valeur champ formulaire Modifier liste des champs formulaire access Rajouter champs formulaire joomla Recuperer champ formulaire checkbox coché php Récupérer le contenu d'un champs formulaire php Verifier existence d'un champ formulaire javascript
