Vérifier simplement un email

Version imprimable

Salut, je voulais vérifier très simplement que l'entrée est bien un mail mais je n'y arrive pas.
On m'a proposé ce code

Code:

1
2
3
4
5
6
7
8
           var mail = "kjdh@jf.f";
 
            var i = mail.indexOf("@");
            var j = mail.indexOf(".");
 
            if (i != -1 && j != -1 && i<j+1) {
                window.alert("le mail est ok...");
            }

Mais je n'arrive pas à l'utiliser :

Code:

1
2
3
4
5
6
7
8
   else if(id=='mail'){
var mail = document.getElementById(id).value;
    var i = id.indexOf("@");
    var j = id.indexOf(".");
    if (i != -1 && j != -1 && i<j+1) {
        document.getElementById('rep'+id).innerHTML = '<img style="height:20px;" src="img/ok.png">';
    }else{document.getElementById('rep'+id).innerHTML = '<img style="height:20px;" src="img/delete.png"> <span style="color:red;">Mail incorrect</span>';}
}

Code:

  Mail :  <input type="text" id="mail" placeholder="Mail" name="mail" onBlur="verifier('mail')"> <span id="repmail"></span>

À chaque fois j'ai l'icon d'erreur avec "Mail incorrect".
Une idée s'il vous plait ? :)
Merci

Très simplement en utilisant les expressions régulières:

Code:

1
2
3
4
5
6
7
8
9
 
var mail = document.getElementById('id').value;
var reg  = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 
if(reg.test(mail)) {
	//email correct
} else {
	//email incorrect
}

Code:

1
2
3
4
5
function Test(email)
{
var re=/^[a-zA-Z0-9\-_]+[a-zA-Z0-9\.\-_]*@[a-zA-Z0-9\-_]+\.[a-zA-Z\.\-_]{1,}[a-zA-Z\-_]+/i;
return !re.test(mail)
}

mise en oeuvre
http://jsfiddle.net/2rjBE/

24/07/2014, 12h54
Anonyme1784

Merci bien

Ta méthode initiale n'est pas bonne concernant la vérification d'adresse mail (par exemple ^@.~ étant considéré comme une adresse valide), néanmoins, ton erreur est un problème de conception
Code:

1 2 3 var mail = document.getElementById(id).value; // Très bien, tu récupères la valeur du champ mail... var i = id.indexOf("@"); // ...sauf que tu fais les vérifications sur le paramètre reçu ! 'mail' ne contient pas @... var j = id.indexOf("."); // ... ni de point