使用JavaScript中的onblur事件验证电子邮件

Question

如何使用JavaScript验证电子邮件。 我有click事件，用于检查该值是否为空-请参阅下文，但如何在检查正则表达式的单独函数中检查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>

Answer 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>

Answer 2

将您的文本框的onrlur属性设置为以下函数名称

<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');
    }
 }