邮箱验证

登录注册

邮箱验证

来源:新网
更新日期:2018-03-14

摘要：function validateForm(){ // var email = document.getElementsByName(\"email\");//返回的是一个组件数组,长度为1 var email = document.getElementById(\"email\").value; //document.write(email[0].value); var a=email.inde

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function validateForm(){
// var email = document.getElementsByName("email");//返回的是一个组件数组,长度为1
var email = document.getElementById("email").value;
//document.write(email[0].value);
var a=email.indexOf("@");
var b=email.lastIndexOf(".");

if (email==null||email=="") {
// alert("邮箱必须填写!");
// return false;//跳出script,不再执行下面的代码
document.getElementById("div").innerHTML="* 邮箱必须填写!";
document.getElementById("div").style.color="red";
document.getElementById("div").style.backgroundColor="black";
}
// else if(a<1||b<a+2||b+2>email.length){
// alert("不是一个有效的 e-mail 地址");
// return false;
// }
else if(a==-1||b==-1){
document.getElementById("div").innerHTML="* 输入的数据必须包含 @ 符号和点号(.)!";
document.getElementById("div").style.color="red";
document.getElementById("div").style.backgroundColor="black";
}else if(a==0||b<=a){
document.getElementById("div").innerHTML="* @ 不可以是邮件地址的首字符，并且 @ 之后需有至少一个点号!";
document.getElementById("div").style.color="red";
document.getElementById("div").style.backgroundColor="black";
}else{
alert("邮箱验证正确");
}
}
</script>
</head>
<body>
<form action="" method="post">

邮箱：<input type="text" id="email"/><div id="div"></div>
<input type="button" value="注册" onclick="validateForm();"/>
</form>
</body>
</html>