JavaScript多个电子邮件正则表达式验证

Question

通常简单电子邮件的验证方式是：

/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/

这将验证像[e-mail]这样的电子邮件地址。

但是如何验证是否为多个电子邮件地址？

entry 1: [e-mail], [e-mail], [e-mail]
entry 2: [e-mail] , [e-mail] , [e-mail]
entry 3: [e-mail], [e-mail] , [e-mail]
entry 4: [e-mail]

这个电子邮件是用户可能会输入的选项。有时也期望出现2、3、4或更多的电子邮件。

感谢回答。

- Jorge

Answer 1

将电子邮件地址按逗号分隔并验证输入项

var x = getEmails();
var emails = x.split(",");
emails.forEach(function (email) {
  validate(email.trim());
});

getEmails()方法从页面中获取电子邮件地址，而validate()方法则使用正则表达式验证这些电子邮件地址。

- Jim Deville

Answer 2

试一下这个

    function validateEmails(string) {
        var regex = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
        var result = string.replace(/\s/g, "").split(/,|;/);        
        for(var i = 0;i < result.length;i++) {
            if(!regex.test(result[i])) {
                return false;
            }
        }       
        return true;
    }

接受逗号和分号作为分隔符

- alamnaryab

Answer 3

这是一个不需要分割的多邮件验证的正则表达式。

function validateMultipleEmails(string) {
    var regex = /^([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9\-]+\.)+([a-zA-Z0-9\-\.]+)+([;]([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9\-]+\.)+([a-zA-Z0-9\-\.]+))*$/;
    return regex.test(string);
}

https://regex101.com/r/TUXLED/1

- Ahmet Çağrı Akca

Answer 4

你应该能够通过逗号将条目分割，并对单个电子邮件子条目进行正则表达式测试。

var valid = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
var entries = entry.split(",");

if(valid.test(entries[0]))...    //or however your testing against the regex

在测试任何已剥离的电子邮件子字符串之前，您可能还想修剪任何空格。

- Chase

Answer 5

尝试使用这个jquery验证：

jQuery.validator.addMethod("multiemail", 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.");

- JAY

Answer 6

function validateEmail(emailAddress) {
  var emailPattern = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  return emailPattern.test(emailAddress);
}

function validate() {
  $("#result").text("");
  var email = $("#emailAddress").val();
  if (validateEmail(email)) {
    $("#result").text(email + " validation successful");
    $("#result").css("color", "white");
  } else {
    $("#result").text(email + " validation failed");
    $("#result").css("color", "red");
  }
  return false;
}

$("form").bind("submit", validate);

.divSection{
  text-align: center; padding: 8%;
  }
.pSection{
  border: none;    color: white;    padding: 10px 100px;    text-align: center;    text-decoration: none;    display: inline-block;    font-size: 24px;    margin: 3% 0%;    border-radius: 6px;    -webkit-transition-duration: 0.4s;   transition-duration: 0.4s;    font-family: Roboto-Regular,Helvetica,Arial,sans-serif; background-color: #4184f3; margin: auto;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="divSection">
<form action="dashboard/user/profile" method="POST">
  <input id="emailAddress" placeholder="Enter Email" value="[e-mail]">
  <input type='submit' value="check">
</form>
  </div>

<div class="divSection" >
<p class="pSection" id='result'></p>
</div>

以下是 JavaScript 代码，用于检查电子邮件地址是否包含多个 @ 字符

var count=0;
email = "shubham20.ye@[e-mail]";
alert(email);
for(i =0; i<email.length;i++){
if(email.charAt(i) == "@"){
count++;
}}
if(count>1){
   alert("not ok")
} else {
    alert("ok")
}

另一种方法是使用电子邮件的标准模式

var pattern= /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
re.test(email);

- Shubham Yeole

Answer 7

Javascript多个电子邮件正则表达式验证在Ruby动态数据中

  <span id="error_message_<%= item.id %>" class="p-3 mb-2 text-danger text-center">Multiple emails must be separated by comma.</span>
  <%= text_field_tag :email, nil, style: 'width: 60%;', required: true, id: "emails_#{item.id}", placeholder: "Multiple emails must be separated by comma." %>

  $(document).ready(function() {

    document.getElementById("cc_submit_<%= item.id %>").disabled = true;

    document.getElementById('error_message_<%= item.id %>').style.display='none';

  });

  $('#emails_<%= item.id %>').keyup( function() {

    var emails = $('#emails_<%= item.id %>').val();
    var emails = emails.split(",");
    var valid = true;
    var regex = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    var invalidEmails = [];
    for (var i = 0; i < emails.length; i++) {
      emails[i] = emails[i].trim();
      if( emails[i] == "" || ! regex.test(emails[i])){
        invalidEmails.push(emails[i]);
      }
    }

    if(invalidEmails != 0) {

      document.getElementById("cc_submit_<%= item.id %>").disabled = true;

      document.getElementById("error_message_<%= item.id %>").style.display='block';

      }
    else{

      document.getElementById("cc_submit_<%= item.id %>").disabled = false;
      document.getElementById('error_message_<%= item.id %>').style.display='none';

    }
  })

- VENKATESH KARNI