Fusionner 2 JavaScript
JypX
Messages postés
68
Statut
Membre
-
JypX Messages postés 68 Statut Membre -
JypX Messages postés 68 Statut Membre -
Bonjour,
J'ai tenté de fusionner 2 JS, en vain :
- vérifie si le pseudo existe
- vérifie si les champs sont bien remplis
Le problème c'est qu'il averti l'utilisateur que le pseudo existe mais ne bloque pas la validation du formulaire
J'ai tenté de fusionner 2 JS, en vain :
- vérifie si le pseudo existe
- vérifie si les champs sont bien remplis
Le problème c'est qu'il averti l'utilisateur que le pseudo existe mais ne bloque pas la validation du formulaire
<?
if (isset($_POST['Submit'])) {
echo "test";
}
?>
<html>
<head>
<title>Inscription</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
// 1ème script
function writediv(texte)
{
document.getElementById('pseudobox').innerHTML = texte;
}
function verifPseudoDB(pseudo)
{
if(pseudo != '')
{
if(pseudo.length<3)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> ce pseudo est trop court</span>');
else if(pseudo.length>10)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> ce pseudo est trop long</span>');
else if(texte = file('verifpseudo.php?login='+escape(pseudo)))
{
if(texte == 1)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> ce pseudo est deja pris</span>');
else if(texte == 2)
writediv('<span style="color:#1A7917"><b>'+pseudo+' :</b> ce pseudo est libre</span>');
else
writediv(texte);
}
}
}
function file(fichier)
{
if(window.XMLHttpRequest) // FIREFOX
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // IE
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else
return(false);
xhr_object.open("GET", fichier, false);
xhr_object.send(null);
if(xhr_object.readyState == 4) return(xhr_object.responseText);
else return(false);
}
// 2ème script
function verifPseudo(champ)
{
if(champ.value.length < 3 || champ.value.length > 10)
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifMail(champ)
{
var regex = /^[a-zA-Z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$/;
if(!regex.test(champ.value))
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifMdP(champ)
{
if(champ.value.length < 6 || champ.value.length > 10)
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifForm(f)
{
var pseudoOk = verifPseudo(f.pseudo);
var mailOk = verifMail(f.email);
var MdPOk = verifMdP(f.pass);
if(pseudoOk && mailOk && MdPOk)
return true;
else
{
alert("Veuillez remplir correctement tous les champs");
return false;
}
}
function surligne(champ, erreur)
{
if(erreur)
champ.style.backgroundColor = "#fba";
else
champ.style.backgroundColor = "";
}
</script>
</head>
<body>
<div align="center">
<H1>Inscription</H1>
<form action="" method="post" name="inscription" onsubmit="return verifForm(this)">
<table width="300" border="1" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr>
<td><table width="400" border="0" cellpadding="10" cellspacing="0" bgcolor="#eeeeee">
<tr>
<td width="50%"><span>Pseudo</span></td>
<td width="50%"><input name="pseudo" type="text" onKeyUp="verifPseudoDB (this.value)" onblur="verifPseudo(this)"><div id="pseudobox"></div></td>
</tr>
<tr>
<td width="50%"><span>E-Mail</span></td>
<td width="50%"><input name="email" type="text" onblur="verifMail(this)"></td>
</tr>
<tr>
<td width="50%"><span>Mot de passe</span></td>
<td width="50%"><input name="pass" type="password" onblur="verifMdP(this)"></td>
</tr>
<tr>
<td height="34" colspan="2"><div align="center">
<input type="submit" name="Submit" value="S'inscrire">
</div></td>
</tr>
</table></td>
</tr>
</table>
</form>
<a href="index.php">Retour à la page d'accueil<a>
</div>
</body>
</html>
A voir également:
- Fusionner 2 JavaScript
- Supercopier 2 - Télécharger - Gestion de fichiers
- Comment fusionner des pdf sans logiciel - Guide
- Fusionner 2 cellules excel - Guide
- Fusionner 2 tableaux excel - Guide
- Fusionner mp3 - Télécharger - Audio & Musique
