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

JavaScript021

使用JS和CSS如何判断邮箱格式,第1张

<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 testEmail(str){

var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$///定义一个正则表达式

if(reg.test(str)){ //判断传入的emal是否与正则匹配

alert("true")

}else{

alert("false")

}

}

<SCRIPT LANGUAGE="JavaScript">

<!--

function check()

{

if(document.form.email.value.length!=0)

{

if (document.form.email.value.charAt(0)=="." ||

document.form.email.value.charAt(0)=="@"||

document.form.email.value.indexOf('@', 0) == -1 ||

document.form.email.value.indexOf('.', 0) == -1 ||

document.form.email.value.lastIndexOf("@")==document.form.email.value.length-1 ||

document.form.email.value.lastIndexOf(".")==document.form.email.value.length-1)

{

alert("Email的格式不正确！")

document.form.email.focus()

return false

}

}

else

{

alert("Email的不能为空！")

document.form.email.focus()

return false

}

}

//-->

</SCRIPT>

<div id="apDiv2"><img src="image/天蓝色主色调.JPG" width="956" height="35" /></div>

<div id="apDiv3">

<form id="form" name="form1" method="get" action="checkuser.asp" onsubmit="return check()">

这段代码可以用，已测试！希望对你有帮助