在 javascript 中使用 onblur 事件验证电子邮件答案

【问题标题】：Validating an email with an onblur event in javascript在 javascript 中使用 onblur 事件验证电子邮件
【发布时间】：2014-03-18 11:44:46
【问题描述】：

如何在 JavaScript 中验证电子邮件。我有单击事件来检查值是否为空 - 请参见下文，但如何在检查正则表达式的单独函数中检查 onblur 事件

var e =document.forms["myForm"]["email_18"].value;
if(e==null ||e=="" || e=="someone@example.com")
{
    document.getElementById("emailMessage").innerHTML = "*Please enter an  email";
    flag = false;
}

文本框：

<input type="email" class="text" name="email_18" id="amf-input-email_18" value="" placeholder="someone@example.com" maxlength="255" onkeyup="if(this.length>255) this.value=this.value.substr(0, 255)"></div></div>

【问题讨论】：

那么你想知道什么？如何使用正则表达式或如何使用 onblur 事件？
两者，那么如何做一个正则表达式来验证一个电子邮件地址，然后添加一个模糊事件处理程序或监听器。
stackoverflow.com/questions/46155/… 可能重复
您在代码中使用了 onkeyup ... 为什么不也使用 onblur？
它是动态创建的，所以我没有使用它刚刚给我的 onkeyup 事件

标签： javascript regex forms validation email

【解决方案1】：

使用正则表达式检查电子邮件：

function checkEmail(str)
{
    var re = /^(([^<>()[\]\\.,;:\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,}))$/;
    if(!re.test(str))
    alert("Please enter a valid email address");
}

在输入框中添加 onblur 事件：

<input type="email" class="text" name="email_18" id="amf-input-email_18" value="" placeholder="someone@example.com" maxlength="255" onblur="checkEmail(this.value)"></div></div>

【讨论】：

【解决方案2】：

将你的文本框的onblur属性设置为函数名称，如下所示

<input type="email" class="text" name="email_18" id="amf-input-email_18" value="" placeholder="someone@example.com" maxlength="255" onkeyup="if(this.length>255) this.value=this.value.substr(0, 255)" onblur="checkemail(this.value)">

并编写如下的javascript函数：

function checkemail(email)
{
   var regex=/^[a-zA-Z0-9\.\_]+\@@{1}[a-zA-Z0-9]+\.\w{2,4}$/;
   if(!regex.test(email))
   {
       alert('Please enter valid email id');
    }
 }

【讨论】：