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()/">;

```

巴特西

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

最新文章

热门文章