可以根据正则表达式判断某个值是否是邮箱格式：
邮箱正则表达式：
var RegEmail = /^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/JS验证代码：
var userEmail="test@test.com"if(RegEmail.test(userEmail))//如果返回true,表示userEmail符合邮箱格式
{}
else
{}
你可以试试！
<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>
用正则判断，例子如下：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()，改变输入框颜色与背景色，右边的提示是个层，默认为隐藏，错误时显示
