Accueil
Tutoriels
  Préface Preface
 Créer son site Créer son site
 Tutoriaux Tutoriaux (163)
 Les 20 meilleurs cours TOP 20
 Astuces Astuces

 HTML HTML
 XHTML XHTML
 PHP/MySQL PHP/MySQL
 Javascript Javascript
 CSS CSS menu
 Photoshop Photoshop
 Flash Flash
 Swish Swish
Recherche :
 
autres
  Accueil Accueil

 Forum FORUM
 New Yoric News YoRiC
 Livre d'or Livre d'or
 Statistiques Statistiques
 Humour ++++

 Plan du site Plan du site
 Bannières Bannières
 Contacts Contacts
  

JAVASCRIPT Obliger la personne à rentrer une valeur dans un champ
> > > > Posez une question dans le Forum ! < < < <
Insérer un tutorial !



Voici un script qui oblige à rentrer une valeur dans un champ. Dans le cas d'une adresse e-mail, teste sa validité.

On cherche à faire cela :

Votre adresse email :

Votre pseudo :
Votre prénom :
Votre nom :

Votre age :

 

et voici le script correspondant que vous comprendrez par vous-même :) :

<script language="javascript">
<!--
function verif(mail,pseudo,prenom,nom,age){
 if(vmail(mail)||vtexte(pseudo,'pseudo')||vtexte(prenom,'prenom')||vtexte(nom,'nom')||vnombre(age)){
   return true;
 }else{
   return false;
 }
}


function vtexte(texte,type){
 if(texte.value.length<3){
   alert('Veuillez entrer un '+type+' valide');
   return false;
 }else{
   return true;
 }
}

//test la validité d'une adresse e-mail
function vmail(mail){

   // l'adresse minimum est xx@yy.zz
   var point=mail.value.lastIndexOf('.');

   // La position du dernier point de l'adresse email
   var arob=mail.value.lastIndexOf('@');

   // La position du dernier @ de l'adresse email
   var longu=mail.value.length;

 // La longueur de l'adresse
 if((longu-point < 3) || (longu-arob) < 6 || arob > point || point == -1 || arob == -1){
   // Si le point se trouve a moins de 2 caractères de la fin
   // ou si l'arobase se trouve a moins de 5 caractères de la fin
   // ou si il n'y a pas de point après @
   // ou si il n'y a pas de point ou pas de @
   alert('Veuillez entrer une adresse email valide');
   return false;
 }else{
   return true;
 }
}

function vnombre(champ){
 if(isNaN(champ.value)||champ.value<5||champ.value>99){
 // si ce n'est pas un nombre ou qu'il est inférieur a 5 ou superieur a 99
   alert('Veuillez entrer un age valide');
   return false;
 }else{
   return true;
 }
}
//-->
</script>

</head>


<body>
<form name="verifier" method="post" enctype="text/plain" action="mailto:xxx@yyy.zzz" onSubmit="return verif(document.verifier.email,document.verifier.pseudo,document.verifier.prenom,document.verifier.nom,document.verifier.age)">
<p>Votre adresse email : <input type="text" name="email" onBlur="vmail(this)">
</p>

<p>Votre pseudo : <input type="text" name="pseudo" onBlur="vtexte(this,'pseudo')"><br>
Votre prénom : <input type="text" name="prenom" onBlur="vtexte(this,'prénom')"><br>
Votre nom : <input type="text" name="nom" onBlur="vtexte(this,'nom')"></p>

<p>Votre age : <input type="text" name="age" onBlur="vnombre(this)"></p>

<p><input type="submit" value="valider"> <input type="reset" value="RaZ"></p>
</form>

</body>

Ecrit par : Neo, lu 13457 fois [9] commentaires commentaire
précédent imprimer

Temps d'exécution : 0.03775 sec
 
personnes en ligne
 33 connectés
dont
1 membre
membres

Mémoriser ?



liens
noir
Beocia

partenaires :
PSDMag

PHP Splutions

www.joliespages.com

Tous droits réservés à yo-ric 2002 - 2007