2017.11.9 如何利用JS做登陆验证界面

（）案例----JavaScript实现输入验证

需要验证的表单输入域和要求

用户名不能为空，是否符合规定的格式

密码长度是否超过6，两次密码输入一致

邮箱地址：邮箱地址必须符合邮箱形式

		一般用“buttom”类型按钮提交，提交时先执行“响应函数”	提交方式
		input type="buttom" value="提交" onClick="响应函数">

```
//JavaScript.js
function validate（）{
	var name=document.forms[0].userName.value;
	var pwd=document.forms[0].userPwd.value;
	var pwd1=document.form[0].userPwd1.value;
	var email=document.form[0].userEmail.value;
	var accept=document.form[0].accept.checked;
	var reg1=/[a-zA-Z]\w*/;
	var reg2=^w+([-+.']\w+)*@\w+([-.]\w+)*.\w+([-.]\w+)*/;
	if(name.length<=0)
		alert("用户名不能为空！");
		else if(!reg1.test(name))
			alert("用户名格式不正确！");
			else if(pwd.length<6)
				alert("密码长度必须大于等于6!");
				else if(pwd1!=pwd)
					alert("两次密码输入不正确!");
					else if(!reg2.test(mail))
						alert("邮件格式不正确!");
	else document.form[0].submit();
}
```
然后在head head之间添加一行
```
<script language="java" src="JavaScript.js"></script>
```
最后，修改注册页面以及最后的“提交输入域”，如下
```
<input type="buttom" value="提交" onClick="validate()/">;
```