Validation des e-mails à l'aide de jQuery

Question

Je suis novice en matière de jQuery et je me demandais comment l'utiliser pour valider des adresses électroniques.

Answer 1

Vous pouvez utiliser le bon vieux javascript pour cela :

function isEmail(email) {
  var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  return regex.test(email);
}

Answer 2

Fonction jQuery pour valider les e-mails

Je n'aime vraiment pas utiliser de plugins, surtout lorsque mon formulaire ne comporte qu'un seul champ à valider. J'utilise cette fonction et je l'appelle chaque fois que j'ai besoin de valider un champ de formulaire de courrier électronique.

 function validateEmail($email) {
  var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
  return emailReg.test( $email );
}

et maintenant d'utiliser ceci

if( !validateEmail(emailaddress)) { /* do stuff here */ }

A la vôtre !

Answer 3

J'utiliserais le Plugin de validation jQuery pour quelques raisons.

Vous avez validé, ok super, maintenant quoi ? Vous devez afficher l'erreur, gérer son effacement lorsqu'elle est valide, afficher le nombre total d'erreurs peut-être ? Il y a beaucoup de choses qu'il peut gérer pour vous, pas besoin de réinventer la roue.

En outre, un autre avantage énorme est qu'il est hébergé sur un CDN, la version actuelle au moment de cette réponse peuvent être trouvés ici : http://www.asp.net/ajaxLibrary/CDNjQueryValidate16.ashx Cela signifie des temps de chargement plus rapides pour le client.

Answer 4

Regardez http : //bassistance.de/jquery-plugins/jquery-plugin-validation/ . C'est un joli plugin jQuery, qui permet de construire un système de validation puissant pour les formulaires. Il y a quelques exemples utiles aquí . Ainsi, la validation du champ email dans le formulaire aura l'air de ceci :

$("#myform").validate({
  rules: {
    field: {
      required: true,
      email: true
    }
  }
});

Ver Documentation sur les méthodes de courrier électronique pour les détails et les échantillons.

Answer 5

Je recommande Verimail.js il dispose également d'un Plugin JQuery .

Pourquoi ? Verimail prend en charge les éléments suivants :

• Validation de la syntaxe (selon la RFC 822)
• Validation des TLD par l'IANA
• Suggestion d'orthographe pour les TLD et les domaines de messagerie les plus courants
• Refuser les domaines de comptes de messagerie temporaires tels que mailinator.com

Ainsi, outre la validation, Verimail.js vous donne également des suggestions. Ainsi, si vous tapez un courriel avec un mauvais TLD ou un domaine très similaire à un domaine de courriel commun (hotmail.com, gmail.com, etc.), il peut le détecter et suggérer une correction.

Exemples :

• test@gnail.con -> Voulez-vous dire test@ gmail.com ?
• test@hey.nwt -> Voulez-vous dire test@hey. net ?
• test@hottmail.com -> Voulez-vous dire test@ hotmail.com ?

Et ainsi de suite..

Pour l'utiliser avec jQuery, il suffit d'inclure verimail.jquery.js sur votre site et exécutez la fonction ci-dessous :

$("input#email-address").verimail({
    messageElement: "p#status-message"
});

L'élément message est un élément dans lequel un message sera affiché. Il peut s'agir d'un message allant de "Votre adresse électronique n'est pas valide" à "Vous vouliez dire ... ?".

Si vous avez un formulaire et que vous voulez le restreindre de manière à ce qu'il ne puisse être soumis que si l'e-mail est valide, vous pouvez vérifier le statut en utilisant la fonction getVerimailStatus comme indiqué ci-dessous :

if($("input#email-address").getVerimailStatus() < 0){
    // Invalid
}else{
    // Valid
}

Cette fonction renvoie un code d'état entier selon l'objet Comfirm.AlphaMail.Verimail.Status. Mais la règle générale est que tout code inférieur à 0 est un code indiquant une erreur.