Vérifier e-mail valide avant d'exécuter le reste de javascript

J'ai une zone de texte où l'utilisateur est tenu d'insérer une adresse email valide.

Lorsque l'utilisateur soumet une adresse mail valide, un chargement de graphique apparaît alors que les données sont affichées de retour.

Le code ci-dessous fonctionne très bien pour montrer le chargement graphique mais il ne permet pas de vérifier que l'adresse email est valide en premier. Quelqu'un peut-il vous aider?

$('#btnEmail1Submit').live ("click", function() {
   $('<div class="submitBg"></div>').appendTo(".emailEditContainer");
   $('<div class="submitLoadingCont"><img class="submitLoading" src="images/mypreferences/loading.gif" width="50" height="50" /></div>').appendTo(".emailEditContainer");
});

Je pense que j'ai besoin de mettre une instruction if autour de la fonction qui est exécutée sur cliquez - donc quelque chose comme:

$('#btnEmail1Submit').live ("click", function() {
  if(emailvalid == true) {   
    $('<div class="submitBg"></div>').appendTo(".emailEditContainer");
    $('<div class="submitLoadingCont"><img class="submitLoading" src="images/mypreferences/loading.gif" width="50" height="50" /></div>').appendTo(".emailEditContainer");
  }
});

Je suis en utilisant asp.net l'email de validation - il ressemble à quelque chose comme ceci:

<asp:RegularExpressionValidator Display="Dynamic" ValidationGroup="PrimarySubmit" ID="RegularExpressionValidator1" runat="server" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ControlToValidate="tbEmail1" ErrorMessage="Invalid email address - " />
Cessez d'écrire des balises dans les titres.
Vous n'avez pas de nous montrer comment vous effectuez l'adresse email de validation.
Vous nous demandez de nous écrire un email de vérification pour vous?
vous devez valider l'adresse e-mail à l'aide de l'expression régulière. Le faire avant d'appeler le appendTo fonctions.

OriginalL'auteur Tom | 2011-06-30

  1. 7

    Vous devriez vérifier l'e-mail de validité à l'aide d'une regexp

    var re = /^(([^<>()[\]\\.,;:\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,}))$/

$('#btnEmail1Submit').live ("click", function() {
   if(!email.match(re)) {
     alert('invalid email');
     return false;
   }
   $('<div class="submitBg"></div>').appendTo(".emailEditContainer");
   $('<div class="submitLoadingCont"><img class="submitLoading" src="images/mypreferences/loading.gif" width="50" height="50" />    </div>').appendTo(".emailEditContainer");
});

    L'expression vient de Valider l'adresse e-mail dans le JavaScript?

    Merci... je crois que j'ai été dans la bonne direction avant que j'ai demandé de l'aide - juste besoin de se rendre si l'instruction correcte.
    if(!email.match(re)) ne fonctionne pas, parce que si il ne la trouve pas, il retournera null. Il devrait donc être email.match(re) !== null

    OriginalL'auteur olivieradam666

  2. 14

    Vous aurez besoin d'utiliser une regex pour tester l'adresse e-mail de validité:

    function isValidEmailAddress(emailAddress) {
    var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
    return pattern.test(emailAddress);
};

    Qui venait de cette question, afin de voir ce thread pour plus d'info.

    Vous devez appeler cette fonction avec l'adresse e-mail fournie par l'utilisateur, donc je suis en supposant que quelque chose comme:

    var email = $("#emailInput").val();
if(isValidEmailAddress(email)) {
    //Do stuff
}

    OriginalL'auteur James Allardice

  3. 3

    L'Email de validation a été discuté beaucoup, beaucoup de fois, et d'ailleurs. En bref, il est difficile (impossible) de faire parfaitement et est un compromis entre l'optimisation de la couverture de formats valides et de minimiser les faux positifs. En fait, tout ce que je fais pour valider les adresses de courriel est une base de test de cohérence. En pseudo-code:

    if (address.contains("@")) { 
   .. //then ok
}

    Autre chose est fondamentalement inutile. Même si vous passez du temps de la construction de certains incroyablement complexe regex pour se conformer à la RFC822 pour obtenir plus adresses valides (il y a de vraies adresses qui ne sont pas conformes à la RFC) - comment connaissez-vous cette boîte de réception existe réellement?

    Je sais ce que vous dites Richard et tout à fait d'accord. Ce contrôle est principalement juste pour essayer d'éliminer le risque que l'utilisateur pourrait avoir fait une faute de frappe. Il n'est pas critique.
    Pour ceux comme moi qui cherchent la contains méthode, il n'est pas natif, vous avez à définir à la main, comme décrit ici: stackoverflow.com/a/1978419/1005455.

    OriginalL'auteur Richard H

  4. 0

    vous pouvez le vérifier

    function myClick() {
    Page_ClientValidate();
    if (Page_IsValid) {
        return true;
    }
    else {
        return false;
    }
}

    si vous utilisez regularexpression programme de validation puis ceci peut être utilisé....

    OriginalL'auteur Gaurav Agrawal

  5. 0

    Si vous avez besoin d'exécuter l'aps validateur pour valider l'adresse e-mail, ce qui semble être pertinant à votre question, alors vous devez appeler le javascript généré qui fait cela avant de faire l'appel si l'appel:

    si(Page_ClientValidate)

    vos autres trucs

    Toutefois, cela permettra d'exécuter l'intégralité de la page de validation, et pas seulement l'e-mail.

    Si vous avez besoin d'exécuter uniquement une validation appel pour cela, vous pouvez consulter la generted javascript sur votre page, et de trouver où il fait appel à votre e-mail de validation, et l'appeler. Cependant, je ne recommande pas que, car il peut changer lorsque la page est régénéré.

    Voir CodeProject

    OriginalL'auteur Schroedingers Cat