Sujet Précédent Sujet Suivant

Curseur

Fermé
onizuka - Modifié par jordane45 le 20/08/2015 à 11:40
jordane45 Messages postés 38372 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 9 janvier 2025 - 20 août 2015 à 11:50
comment faire revenir le curseur dans le champ quand il est invalide dans le formulaire javascript et comment faire pour que quand on tape son nom et prenom ont ne puisse utiliser que des lettres seulement ?

je vous met ci-essous mon html et ma feuille javascript externe 
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="script2.js"></script>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<script type="text/javascript" src="script2.js"></script>

<body>
<form>
   <p>Nom   <input type="text" name="nom" onblur="verifNom(this)" /></p>
   <p>Prénom   <input type="text" name="prenom"onblur="verifPrenom(this)"/></p>
   <p>E-mail   <input type="text" name="email" onblur="verifMail(this)"/></p>
   <p>Mot de passe  <input type="password" name="passe" value="azerty" onblur="verifPassword(this)"></p>
   
</form>

</body>

</html> 

function verifNom(nom)

{
var regex = new RegExp("^[a-zA-Z]$","g");
if(nom.value.length < 2)

{
     alert("au moins 2 lettres");
     nom.style.borderColor = "red";
  }
     
  else
{
     return true; 
}
}

function verifPrenom(prenom)

{
if(prenom.value.length < 2)
{
     alert("au moins 2 lettres");
     prenom.style.borderColor = "red";
   
  }
     
  else
{
     return true; 
}
}

function verifMail(email)
{
   var regex = /^[a-zA-Z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$/;
   if(!regex.test(email.value))
   {
      alert("doit contenir le @ et le point .");;
      email.style.borderColor = "red";
   
   }
   else
   {
      return true;
   }
}

function verifPassword(passe)

{
if(passe.value.length < 6)
{
     alert("au moins 6 caractères");
     passe.style.borderColor = "red";
  }
     
  else
{
     return true; 
}
}



EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

Merci d'y penser dans tes prochains messages.
.

1 réponse

Réponse 1 / 1
jordane45 Messages postés 38372 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 9 janvier 2025 4 722
20 août 2015 à 11:50
Bonjour ( Si si ... on commence par ça !! )


comment faire revenir le curseur dans le champ quand il est invalide dans le formulaire javascript

=> Regardes la fonction focus()


et comment faire pour que quand on tape son nom et prenom ont ne puisse utiliser que des lettres seulement ?

Tu peux utiliser par exemple, une REGEX qui vérifie que ce que tu tapes est bien que du texte (sans chiffre) ...

La REGEX à utiliser sera du genre : 
^[a-zA-Z ]*$


Par exemple : 
<input type="text" name="toto" id="titi" >
<input type="button" onclick="VerifStr()">
<script type="text/javascript">
function VerifStr() {
  var elm = document.getElementById('titi');
  var valeur = elm.value;
  var exp=new RegExp("^[a-zA-Z]*$","g");
  if ( exp.test(valeur) ) {
    alert("OK"); 
  }else {
    alert("Erreur"); 
    elm.focus();
    
  }
}
</script>




0

Discussions similaires

Le curseur de ma souris d'ordi a disparu. Comment le retrouver ?
FameFragrance -
Moi -

29 réponses
Disparition du curseur de la souris (Acer portable Windows 8)
Sergenet -
JMX -

55 réponses
curseur bloqué sur cellule classeur excel
kumpb -
imed -

11 réponses
signication du curseur dans word
chadmer -
Raymond PENTIER -

3 réponses
Problème curseur google document.
Yureidanuki -
Yureidanuki -

3 réponses