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()/">;
```
原文地址:https://www.cnblogs.com/qichunlin/p/7811417.html