jQuery的验证插件多个电子邮件地址

Question

我有以下的jQuery验证插件：

<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> 

通过电子邮件价值的人一定可以给多个emailaddresses像test@test.com; test2@test.com或测试@测试。 com，test @ test2.com

当你这样做时，验证插件会给出错误：Je moet een geldig e-mailadres van je vriend（in）invullen。

我该如何解决这个问题？

Answer 1

下面是与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 
); 

这里有一个的jsfiddle将告诉您如何使用multiemail自定义的方法：

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

Answer 2

订制的功能里面有留言

<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:abc@incipio.com,xyz@ncpo.com,....)"/> 

</form> 

Answer 3

注意：我在jQuery验证项目中创建了这个问题＃1722： https://github.com/jquery-validation/jquery-validation/issues/1722。那里发布了另一个解决方案。