jQuery验证插件多个电子邮件地址 [英] jQuery validation plugin multiple email addresses
问题描述
我有以下jQuery验证插件:
I have the following jQuery Validation Plugin:
<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或test @ test.com,test @ test2.com
By value emails people must can give multiple emailaddresses like test@test.com;test2@test.com or test@test.com,test@test2.com
当您这样做时,验证插件会出现错误:Je moet een geldig e-mailadres van je vriend
When you do this, the validation plugin gives the error: Je moet een geldig e-mailadres van je vriend(in) invullen.
如何解决这个问题?
推荐答案
这是在 addMethod 的帮助下添加的定制功能:
Here's a custom made function added with the help of the 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,向您展示如何使用多邮箱自定义方法:
Here's a jsFiddle that shows you how to use the multiemail custom method:
http://jsfiddle.net/leniel/xFphm/7/
这篇关于jQuery验证插件多个电子邮件地址的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!