邮箱格式验证js,邮箱格式验证

使用JS和CSS如何判断邮箱格式

form action=""

输入：input type="text" name="mazey" id="mazey" placeholder="请输入邮箱"

input type="button" value="验证" onclick="check();"

/form

script

function check(){

var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); //正则表达式

var obj = document.getElementById("mazey"); //要验证的对象

if(obj.value === ""){ //输入不能为空

alert("输入不能为空!");

return false;

}else if(!reg.test(obj.value)){ //正则验证不通过，格式不对

alert("验证不通过!");

return false;

}else{

alert("通过！");

return true;

}

}

/script

js怎么校验邮箱格式 并做到图里面的效果

用正则判断，例子如下：

function isEmail(strEmail) {

if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1){

return true;

}else{

return false;

}

图上的效果那就是样式的问题了

格式错误时，输入框获取光标 xxx.focus(); ，改变输入框颜色与背景色，右边的提示是个层，默认为隐藏，错误时显示

js判断是否为邮件

可以根据正则表达式判断某个值是否是邮箱格式：

邮箱正则表达式：

 var RegEmail = /^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;

JS验证代码：

var userEmail="test@test.com";

if(RegEmail.test(userEmail))//如果返回true,表示userEmail符合邮箱格式

{}

else

{}

你可以试试！