Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何验证文本区域中的电子邮件地址_Javascript_Jquery - Fatal编程技术网

Javascript 如何验证文本区域中的电子邮件地址

Javascript 如何验证文本区域中的电子邮件地址,javascript,jquery,Javascript,Jquery,我想为电子邮件验证一个文本区域,并且我希望相同的文本区域允许许多电子邮件。我需要这个作为推荐朋友的选择 HTML部分: <textarea class="span12" id="demo"></textarea> 电子邮件验证有太多不同的代码-请四处看看: 此外,用电子邮件制作文本区也是个坏主意。您应该注意分隔符、空格等。。。最好做一个简单的输入,将电子邮件添加到脚本数组中,然后显示为可移动按钮。电子邮件验证的代码太多了-请四处看看: 此外,用电子邮件制作文本区也是

我想为电子邮件验证一个文本区域,并且我希望相同的文本区域允许许多电子邮件。我需要这个作为推荐朋友的选择

HTML部分:

<textarea class="span12" id="demo"></textarea>

电子邮件验证有太多不同的代码-请四处看看:


此外,用电子邮件制作文本区也是个坏主意。您应该注意分隔符、空格等。。。最好做一个简单的输入,将电子邮件添加到脚本数组中,然后显示为可移动按钮。

电子邮件验证的代码太多了-请四处看看:


此外,用电子邮件制作文本区也是个坏主意。您应该注意分隔符、空格等。。。最好做一个简单的输入,将电子邮件添加到脚本数组中,然后显示为可移动按钮。

您的问题实际上是两个问题: 1.如何验证输入字段中的电子邮件? 2.如何验证输入字段中的多封电子邮件

对于#1,我建议使用久经考验的jQuery验证库,而不是使用自己的电子邮件验证器。此处的文档:

在包含jQuery验证库之后,您可以这样称呼它:

$(“#演示”).验证({
规则:{
字段:{
必填项:false,
电子邮件:真的
}
}
});

当然,这只适用于单个电子邮件地址


要回答#2,您必须将textarea的值除以一些分隔符(例如空格、逗号等),然后分别验证每个字符串

你的问题实际上是两个问题: 1.如何验证输入字段中的电子邮件? 2.如何验证输入字段中的多封电子邮件

对于#1,我建议使用久经考验的jQuery验证库,而不是使用自己的电子邮件验证器。此处的文档:

在包含jQuery验证库之后,您可以这样称呼它:

$(“#演示”).验证({
规则:{
字段:{
必填项:false,
电子邮件:真的
}
}
});

当然,这只适用于单个电子邮件地址


要回答#2,您必须将textarea的值除以一些分隔符(例如空格、逗号等),然后分别验证每个字符串

试试这个:

$.validator.addMethod('demo', function(value, element) {
    if (this.optional(element)) return true;

    var flag = true;
    var addresses = value.replace(/\s/g,'').split(',');
    for (i = 0; i < addresses.length; i++) {
        flag = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(addresses[i]);
    }
    return flag;
}, '');
$.validator.addMethod('demo',函数(值,元素){
if(this.optional(element))返回true;
var标志=真;
var addresses=value.replace(/\s/g',).split(',);
对于(i=0;i
试试这个:

$.validator.addMethod('demo', function(value, element) {
    if (this.optional(element)) return true;

    var flag = true;
    var addresses = value.replace(/\s/g,'').split(',');
    for (i = 0; i < addresses.length; i++) {
        flag = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(addresses[i]);
    }
    return flag;
}, '');
$.validator.addMethod('demo',函数(值,元素){
if(this.optional(element))返回true;
var标志=真;
var addresses=value.replace(/\s/g',).split(',);
对于(i=0;i
功能验证邮件(字段){
var regex=/\b[A-Z0-9.\uz0%+-]+@[A-Z0-9.-]+\[A-Z]{2,4}\b/i;
返回(正则表达式测试(字段))?真:假;
}
函数validateMultipleEmailsCommamSeparated(值){
var结果=值。拆分(“,”);
for(变量i=0;i
这将帮助你。。。 举一些例子。。。 账单。gates@microsoft.com史蒂夫。jobs@apple.com

功能验证邮件(字段){
var regex=/\b[A-Z0-9.\uz0%+-]+@[A-Z0-9.-]+\[A-Z]{2,4}\b/i;
返回(正则表达式测试(字段))?真:假;
}
函数validateMultipleEmailsCommamSeparated(值){
var结果=值。拆分(“,”);
for(变量i=0;i
这将帮助你。。。 举一些例子。。。 账单。gates@microsoft.com史蒂夫。jobs@apple.com试试这个

function ValidateEmails() {  
  var emailList= $("#demo").val().split(',');
    for (i=0;i<emailList.length;i++)
    {
       var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
       return regex.test(emailList[i]);
    }
}
函数ValidateEmails(){
var emailList=$(“#demo”).val().split(',');
对于(i=0;i试试这个

function ValidateEmails() {  
  var emailList= $("#demo").val().split(',');
    for (i=0;i<emailList.length;i++)
    {
       var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
       return regex.test(emailList[i]);
    }
}
函数ValidateEmails(){
var emailList=$(“#demo”).val().split(',');

对于(i=0;i,这里有一种方法可以验证由逗号(,)分隔的电子邮件地址

这里有一个提交和重新提交