jQuery validator plugin 之 custom methods 案例1:multi email

1.add method

1
2
3
4
5
6
7
8
9
10
11
12
13
jQuery.validator.addMethod(
    "multiemail",
    function (value, element) {
        var email = value.split(/[;,]+/); // split element by , and ;
        valid = true;
        for (var i in email) {
            value = email[i];
            valid = valid && jQuery.validator.methods.email.call(this, $.trim(value), element);
        }
        return valid;
    },
    jQuery.validator.messages.multiemail
);

 

2.validate事件绑定

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$("form").validate({
    debug: true,
    rules: {
            emailTest: {
                multiemail: true
            }
        },
    messages: {
            emailTest: {
                multiemail: "You must enter a valid email, or comma separate multiple"
            }
        },
    submitHandler: function(form) {
            return false;
        }
});

  

3.调用

1
if (!$("Form").validate().form()) return false;

  

4.其他

相关html

1
2
3
4
<form>
    <input id='emailTest' name='emailTest' />
    <input type='submit' />
</form>

  

相关js引用

1
2
<script src="/Scripts/jquery-2.1.3.js"></script>
<script src="/Scripts/jquery.validate.js"></script>

 

C# 单个email的正则验证

1
Regex.IsMatch(eachMail, @"^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$")

  

  

 

参考资料:

(multiple) emails in jQuery Validated text input

example

Javascript multiple email regexp validation

jQuery validation plugin multiple email addresses

jquery validation主页

 

  

posted @   PanPan003  阅读(288)  评论(0编辑  收藏  举报
编辑推荐:
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
· 面试官:你是如何进行SQL调优的?
历史上的今天:
2017-12-27 facebook ads api
2017-12-27 Kubernetes命令
2017-12-27 Docker 命令
点击右上角即可分享
微信分享提示