Bonjour,
Tout nouveau tout frais dans le monde de la programmation, je découvre vite mes limites et le travaille qui me reste a accomplir pour pouvoir faire fonctionner un code.
Je me tourne vers vous car cela fait plus d'une semaine que je seche totalement, malgre les nombreuses recherche a travers les forums
Je m'explique, j'ai un formulaire ou dedans grace au JS je verifie si le nom est bien entré et si le mail est valide, suite a ça j'aimerai que si le formulaire est validez qu'il m'affiche une div cacher.
je vous laisse mon bout de code
JS
function validerFormulaire()
{
var tabErreurs = new Array ();
//validation de l'entreprise
if(estVide(document.getElementById("txtEntreprise")) == true )
{
tabErreurs.push(" - Le nom de votre entreprise n'est pas renseigné ! \n");
}
// validation du mail
if(estVide(document.getElementById("txtMail")) == true )
{
tabErreurs.push(" - Le mail n'est pas renseigné ! \n");
}else{
if(estMailValide(document.getElementById("txtMail")) == false)
{
tabErreurs.push(" - Le mail saisie n'est pas correcte ! \n")
}
}
// ici je regarde le nombre de ligne dans tabErreurs
// si tabErreurs est vide, cela signifie qu'il y a pas d'erreurs, formulaire validé
// sinon afficher les erreurs
if(tabErreurs.length == 0)
{
alert("Vous pouvez acceder au tarif");
document.forms[0].submit();
}else{
// il y a des erreurs de saisie
var message ="";
for(var i=0; i<tabErreurs.length ; i++)
{
message += tabErreurs[i];
}
alert('Erreur(s) :\n' + message);
}
}
// verifie si un champ est vide
function estVide(champTxt)
{
if(champTxt.value == "")
{
return true;
}else{
return false;
}
}
// verifie si un texte mail est valide
function estMailValide (champMail)
{
var estValide = false;
var positionA = champMail.value.indexOf("@");
var positionP = champMail.value.lastIndexOf(".");
if(positionA != -1)
{
if(positionA < positionP)
{
estValide = true;
}
}
return estValide;
}
en html:
<form id="form2" name="form2" method="post" action="">
<input type="text" name="txtEntreprise" id="txtEntreprise" />
<input type="text" name="txtMail" id="txtMail" />
<input type="submit" name="btn_contact" id="btn_contact" onclick="validerFormulaire()" value="Validez" />
<div id="divCache">
div a afficher si formulaire bien rempli
</div>
Si vous plait éclairer ma lanterne...