Tester champ formulaire avec javascript
Résolu
scout-boy
Messages postés
125
Statut
Membre
-
fulla@ Messages postés 1 Statut Membre -
fulla@ Messages postés 1 Statut Membre -
Bonjour,
j'ai un formulaire de participation dans un site , alors j'ai mis des champs obligatoire pour que l'utilisateur les remplis , donc mon problème est le suivant :
-------> lorsque je lui déclare qu'un champ est vide ou n'est pas correctement remplis , je veux qu'il revient au formulaire mes les champs correctes reste remplissent ,
Voila par la suite une portion de mon code de vérification avec java script :
<script type="text/javascript">
<!--
function valider()
{
var i = 0;
if(form1.nom.value == '' ) {alert('Merci de saisir votre nom');return false;}
if(form1.prenom.value == '') {alert('Merci de saisir votre Prenom');return false;}
if (form1.tele.value.length<2 )
{alert('Ceci n_est pas une Numero de telephone valide');return false;}
}
</script>
Comment peut on faire cette étape & Merci D'avance ^__^
Scout-Boy
j'ai un formulaire de participation dans un site , alors j'ai mis des champs obligatoire pour que l'utilisateur les remplis , donc mon problème est le suivant :
-------> lorsque je lui déclare qu'un champ est vide ou n'est pas correctement remplis , je veux qu'il revient au formulaire mes les champs correctes reste remplissent ,
Voila par la suite une portion de mon code de vérification avec java script :
<script type="text/javascript">
<!--
function valider()
{
var i = 0;
if(form1.nom.value == '' ) {alert('Merci de saisir votre nom');return false;}
if(form1.prenom.value == '') {alert('Merci de saisir votre Prenom');return false;}
if (form1.tele.value.length<2 )
{alert('Ceci n_est pas une Numero de telephone valide');return false;}
}
</script>
Comment peut on faire cette étape & Merci D'avance ^__^
Scout-Boy
A voir également:
- Vérifier les champs d'un formulaire javascript
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook compte désactivé - Guide
- Verifier compatibilite windows 11 - Guide
- Civilité sur un formulaire - Forum VB / VBA
- Verifier un lien - Guide
4 réponses
ça vide tous les autres champs parce que ton test n'est pas bon et laisse le formulaire être envoyé.
<script type="text/javascript">
<!--
function valider(){
if(form1.nom.value == '' ) {
alert('Merci de saisir votre nom');
form1.nom.focus(); //met le curseur dans le champ demandé
return false; //enpèche l'envoi du formulaire
}
if(form1.prenom.value == '') {
alert('Merci de saisir votre Prenom');
form1.prenom.focus();
return false;
}
///// un exemple pour tester le numéro de tel
var num_tel = form1.tele.value;
// Le champs est vide
if ( num_tel == "" ){
alert ( "Le champs téléphone est vide !" );
form1.tele.focus();
return false;
} else{
var chiffres = new String(num_tel);
// Enlever tous les charactères sauf les chiffres
chiffres = chiffres.replace(/[^0-9]/g, '');
// Nombre de chiffres
compteur = chiffres.length;
if (chiffres.length != 10){
alert("Assurez-vous de rentrer un numéro à 10 chiffres (xxx-xxx-xxxx)");
form1.tele.focus();
return false;
}
}
//// fin test teleph
//si on est arrivé jusque la c'est que toutes les verif ont été ok donc
return true; //autorise l'envoi du formulaire
}
-->
</script>
///// un autre exemple pour tester le numéro de tel au format français var num_tel = form1.tele.value; // Le champs est vide if ( num_tel == "" ){ alert ( "Le champs téléphone est vide !" ); form1.tele.focus(); return false; }else{ var telRegex = new RegExp (/^(0[1-68])(?:[ _.-]?(\d{2})){4}$/); // Numero francais ( portable compris) if (!telRegex.test(num_tel){ alert("Assurez-vous de rentrer un numéro à 10 chiffres au format français"); form1.tele.focus(); return false; } } //// fin test teleph