Comment prévenir Jquery ajouter plus d'une fois

J'ai quelques jQuery qui vérifie si l'utilisateur a entré une adresse e-mail correcte. L'utilisateur peut alors revenir en arrière et modifier son adresse e-mail si elle n'est pas valide. Cependant, mon code seront dans la même erreur messege deux fois parce que l'erreur continue à se annexé à l'intérieur de mon errors div. Comment puis-je changer cela pour permettre uniquement à l'erreur afin d'être ajouté une fois? Je tiens également à supprimer l'erreur si le email variable est true. Il y a aussi d'autres erreurs de validation d'être placé dans cette div.

jQuery:

var email = $('#email').val();
email = validateEmail(email);
if (email = "false") {
    $('#errors').append("<p>Please enter a valid email</p>");
}

validateEmail sera de retour soit true ou false selon que l'email est valide.

pourquoi ré-inventer la roue. jQuery peut valider l'adresse e-mail pour vous docs.jquery.com/Plugins/Validation

OriginalL'auteur kirby | 2012-01-05

  1. 13
    var email = $('#email').val();
email = validateEmail(email);
if (email == "false"){
      $('#email_error').remove();
      $('#errors').append("<p id='email_error'>Please enter a valid email</p>");
}
    je devrais avoir mentionné que j'ai d'autres erreurs dans cette div en trop .html serait probablement effacer les autres erreurs
    voir modifier, laissez-moi savoir si cela fonctionne
    merci mais ça n'a pas fonctionné. je l'ai eu à travailler à l'aide de l'ID au lieu de la classe, et seulement à l'aide de $('#email_error').remove();
    J'ai modifié votre réponse un peu pour enlever l'ensemble de la annexé DIV. Voir ci-dessous.

    OriginalL'auteur redmoon7777

  2. 4

    quand u ajouter l'e-mail d'erreur, specity avec une classe "emailerror", 

    $('#errors').append("<p class="emailerror">Please enter a valid email</p>");

    mais avant d'en ajouter, il suffit de retirer cette erreur qui ont de la classe "emailerror"

    var email = $('#email').val();
email = validateEmail(email);
if (email = "false"){
    $('#errors .emailerror').remove();
    $('#errors').append("<p class="emailerror">Please enter a valid email</p>");
}

    OriginalL'auteur Bhavesh Gangani

  3. 3

    Essayez d'effacer la valeur avant d'ajouter de nouvelles informations, c'est à dire de nouvelles erreurs:

    $('#errors').val('');
    je ne peux pas effacer les erreurs car il y a peut être d'autres erreurs dans il y a d'autres éléments de formulaire

    OriginalL'auteur Shree

  4. 1

    Utilisation html() ou text() pour définir le contenu des erreurs div:

    $('#errors').html("<p>Please enter a valid email</p>");

    Et pour ne rien afficher lorsque email est true, ajouter un else à votre if déclaration:

    if (email === "false"){
    $("#errors").html("<p>Please enter a valid email</p>");
} else {
    $("#errors").html("");
}

    Aussi noter que j'ai utilisé === au lieu de =. C'est parce que l'utilisation d'un seul signe égal (=) il suffit de régler la variable email à false et pas fait pour vérifier l'égalité.

    je devrais avoir mentionné que j'ai d'autres erreurs dans cette div en trop .html serait probablement effacer les autres erreurs
    Pourquoi avez-vous plusieurs erreurs de validation d'une entrée?
    toutes mes erreurs d'aller dans un div de sorte que les utilisateurs peuvent voir l'ensemble de leurs erreurs de forme dans un seul endroit. (c'est un signe en haut de la page) n'est-ce pas une bonne idée?

    OriginalL'auteur Purag

  5. 0

    Plus approprié est de retirer toutes les annexé code à partir de l'arborescence DOM:

    Essayer cette:

    var email = $('#email').val();
email = validateEmail(email);
if (email == "false"){
      $('#email_error').parent().remove();
      $('#errors').append("<p id='email_error'>Please enter a valid email</p>");
}

    OriginalL'auteur Kushal Jayswal

  6. 0

    tout ce que vous devez faire est d'ajouter un $('.appended').remove() juste après votre conditionnelle, puis dans le texte que vous ajoutez, utiliser un p tag et ajouter un class="appended" il fonctionne bien

    OriginalL'auteur Olagoke Mills