Curseur
onizuka
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
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
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.
.
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
Bonjour ( Si si ... on commence par ça !! )
=> Regardes la fonction focus()
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 :
Par exemple :
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>
