邮箱验证

十余年的福贡网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同，自动调整福贡建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联公司从事“福贡网站设计”,“福贡网站推广”以来，每个客户项目都认真落实执行。div>

<!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>

上一篇：搭建高可用集群---keepalived的介绍及简单配置

下一篇：网站标题如要要进行SEO优化组合要怎么做呢