使用 javascript 中的 onblur 事件验证电子邮件
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/22478391/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Validating an email with an onblur event in javascript
提问by user3120015
How do I validate an email in JavaScript. I have click event that checks if the value is blank - please see below but how do I check an onblur event in a separate function that checks an regular expression
如何在 JavaScript 中验证电子邮件。我有检查值是否为空的点击事件 - 请参见下文，但如何在检查正则表达式的单独函数中检查 onblur 事件
var e =document.forms["myForm"]["email_18"].value;
if(e==null ||e=="" || e=="[email protected]")
{
document.getElementById("emailMessage").innerHTML = "*Please enter an email";
flag = false;
}
Text Box:
文本框：
<input type="email" class="text" name="email_18" id="amf-input-email_18" value="" placeholder="[email protected]" maxlength="255" onkeyup="if(this.length>255) this.value=this.value.substr(0, 255)"></div></div>
回答by Volkan Ulukut
use regex for email checking:
使用正则表达式检查电子邮件：
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");
}
add onblur event to your input box:
将 onblur 事件添加到您的输入框：
<input type="email" class="text" name="email_18" id="amf-input-email_18" value="" placeholder="[email protected]" maxlength="255" onblur="checkEmail(this.value)"></div></div>
回答by Abhay Prince
Set onblur atrribute of yout textbox to function name as below
将文本框的 onblur 属性设置为函数名称，如下所示
<input type="email" class="text" name="email_18" id="amf-input-email_18" value="" placeholder="[email protected]" maxlength="255" onkeyup="if(this.length>255) this.value=this.value.substr(0, 255)" onblur="checkemail(this.value)">
And write the javascript function as below :
并编写如下 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');
}
}
