表单验证作业.docVIP

表单验证作业 制作一个用户注册的界面如图所示 、 要求在客户端做如下验证： 1）带星号的字段必须填写 2）用户名用户名必须大于3个字符，小于12个字符 3）用户名不能含有*、#， $、符号 4）密码必须包括字母和数字，并且密码和确认密码必须一致 5）邮箱格式要求正确，且必须是163邮箱 写出相应的客户端处理代码 !doctype html html lang=en head meta charset=UTF-8 title用户注册/title /head body h1用户注册/h1 form action=# method=post onsubmit=return check(); name=myform p label for=username姓名：/label input type=text name=username id=username / /p p label for=pwd密码：/label input type=password name=pwd id=pwd / /p p label for=repwd确认密码：/label input type=password name=repwd id=repwd / /p p label性别：/label input type=radio name=sex id=male / label for=male男/label input type=radio name=sex id=female / label for=female女/label /p p label for=email邮箱：/label input type=text name=email id=email / /p p label for=idtype身份：/label select name=idtype id=idtype option value=student学生/option option value=teacher老师/option /select /p p label for=intro介绍/label textarea name=intor id=intro cols=30 rows=10/textarea /p p input type=submit value=注册 input type=reset value=重填/p /form /body script function check(){ var username=document.myform.username; var pwd =document.myform.pwd; var repwd =document.myform.repwd; var email =document.myform.email; if(username.value.length==0){ username.focus(); username.select(); alert(必须填写用户名); return false; } if(pwd.value.length==0){ pwd.focus(); pwd.select(); alert(必须设置密码); return false; } if(email.value.length==0){ email.focus(); email.select(); alert(必须填写邮箱); return false; } if(username.value.length3 || username.value.length12){ username.focus(); alert(用户名必须是3到12个字符); return false; } if(!checkUsername(username.value)){ username.focus(); alert(用户名不能含有特殊字符); return false; } if(!checkPwd(pwd.value)){ pwd.focus(); alert(密码必须是字母和数字组合); return false; } if(repwd.value!=pwd.value){ pwd.focus(); alert(密码与确认密码必须一致); return false; } if(email_163(email.value)) { email.focus(); email.select(); alert(必须是163的邮箱); return false; } } function checkUsername(String){ var Letters = *#$; //可以自己增加可输入值 var i,ch; for(i =0;i String