Fusionner 2 JavaScript

Fermé

JypX Messages postés 67 Date d'inscription lundi 21 décembre 2009 Statut Membre Dernière intervention 6 février 2010 - 8 janv. 2010 à 22:40
JypX Messages postés 67 Date d'inscription lundi 21 décembre 2009 Statut Membre Dernière intervention 6 février 2010 - 14 janv. 2010 à 16:10

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

<?
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
Comment fusionner 2 pdf - Guide
Fusionner 2 cellules excel - Guide
Fusionner 2 tableaux excel - Guide
Telecharger javascript - Télécharger - Langages
2 ecran pc - Guide

1 réponse

Réponse 1 / 1

JypX Messages postés 67 Date d'inscription lundi 21 décembre 2009 Statut Membre Dernière intervention 6 février 2010 7
14 janv. 2010 à 16:10

Un ch'ti up

Discussions similaires

Great Teacher Onizuka SAISON 2

3 bip long 2 bip courts