plugin jQuery validation de plusieurs adresses e-mail

J'ai le texte suivant Plugin jQuery Validation:

<script type="text/javascript" src="/requires/js/jquery.min.js"></script>
<script type="text/javascript" src="/requires/js/jquery.validate.js"></script>
<script type="text/javascript"> 
    $(document).ready(function() {
        $("#form").validate({
            rules: {
                name: {
                    required: true,
                    minlength: 2
                },
                email: {
                    required: true,
                    email: true
                },
                emails: {
                    required: true,
                    email: true
                }
            },
            messages: {
                name: {
                    required: "Je bent vergeten om je naam in te vullen.",
                    minlength: "Je bent vergeten om je naam in te vullen."
                },
                email: {
                    required: "Je bent vergeten om je emailadres in te vullen.",
                    email: "Het opgegeven emailadres is niet geldig."
                },
                emails: {
                    required: "Je bent vergeten om het emailadres van je vriend(in) in te vullen.",
                    email: "Je moet een geldig e-mailadres van je vriend(in) invullen."
                }
            }
        });
    }); 
</script>

<form id="form" method="post">
Jouw naam: <input type="text" name="name"><br />
Jouw e-mailadres: <input type="text" name="email"><br />
Het e-mailadres van je vriend(in): <input type="text" name="emails"><br />
<input type="submit" value="Verstuur">
</form>

En valeur, des e-mails de personnes doit peut donner plusieurs emailaddresses comme [email protected];[email protected] ou [email protected],[email protected]

Lorsque vous faites cela, la validation plugin donne l'erreur: Je moet een geldig e-mailadres van je vriend(en) invullen.

Comment puis-je résoudre ce problème?

OriginalL'auteur Arthur | 2012-04-27

  1. 45

    Voici un fait sur mesure ajout d'une fonction à l'aide de la addMethod:

    jQuery.validator.addMethod(
    "multiemail",
     function(value, element) {
         if (this.optional(element)) //return true on optional element 
             return true;
         var emails = value.split(/[;,]+/); //split element by , and ;
         valid = true;
         for (var i in emails) {
             value = emails[i];
             valid = valid &&
                     jQuery.validator.methods.email.call(this, $.trim(value), element);
         }
         return valid;
     },

    jQuery.validator.messages.email
);

    Voici un jsFiddle qui vous montre comment utiliser le multiemail méthode personnalisée:

    http://jsfiddle.net/leniel/xFphm/7/

    Inclure ce JavaScript sur votre page, puis lorsque vous avez <code>e-mail: { required: true,e-mail: true }</code>, modifier <code>e-mail: { required: true,multiemail: true }</code>.
    mis à jour le jsFiddle à cette exigence! 🙂
    Avez-vous copiez le code comme le montre le violon? J'ai mis à jour de nouveau... 😀
    heureux vous avez obtenu il fonctionne comme vous le souhaitez! 🙂
    Avez-vous mis en œuvre le jsFiddle code sur votre site? C'est le code que vous travaillez sur votre projet? Je pose cette question car il y a peut être un peu de JavaScript fichier manquant dans jsFiddle...

    OriginalL'auteur Leniel Maccaferri

  2. 0

    Personnalisé fonction du message à l'intérieur de 

    <script>    
jQuery.validator.addMethod("custom_method_one", function (value, element) {
    if (this.optional(element)) {
    return true;
    }

    var emails = value.split(','),
    valid = true;

    for (var i = 0, limit = emails.length; i < limit; i++) {
    value = emails[i];
    valid = valid && jQuery.validator.methods.email.call(this, value, element);
    }

    return valid;
    }, "Invalid email format: please use a comma to separate multiple email addresses.");

$('#form').validate({
 "emails": {  required:true,custom_method_one: true }   
})
</script>

<form method="post" id="form" name="form" action="">
 <input type="text" name="emails" id="emails" placeholder="(eg:[email protected],[email protected],....)"/>

</form>

    OriginalL'auteur Mahendra Jella