定义:对于一个HTML页面中的表单,可以获取其中的各项表单域信息,
利用这些信息,可以判定个表单域所提供的输入值是否合法,是否
符合所要求的格式,这就是表单的输入验证。
(1)需要验证的表单输入域的要求:
·用户名:用户名是否为空,是否符合规定的格式(用户名有字母开头,后跟字幕、数字或下划线!)。
·密码:密码长度是否超过6,两次密码输入是否一致。
·邮箱地址:邮箱地址必须符合邮箱的格式。
(2)提交表单并实现输入验证的方式:
一般用buttom类型,“提交”时先执行“响应函数”
提交格式:
<input type="buttom" value="提交" onClick=“响应函数”>
另外,再验证函数中,当都满足格式后,在用以下格式,实现提交;、
document.forms[0].submit();
function validata(){ var name=document.forms[0].userNmae.value; var pwd=document.forms[0].userPwd.value; var pwd1=document.forms[0].userPwd1.value; var email=document.forms[0].userEmail.value; var accept=document.forms[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(“pwd!=pwd1”)alert(“两次密码不一样!”); else if(“!reg2.test(email))alert("邮件格式不正确”); else if(“accept==false”)alert(“您需要仔细阅读并同意接受有用户使用协议”); else document.forms[0].submit(); }
然后再页面的<head> </head>之间,添加一行:
<script language=“javascript” src=“ch02_10_JavaScript.js”></script>;
最后,修改注册页面以及最后的“提交输入域”:
<input type="Buttom" value="提交" onClick="validata()"/>;