表单验证作业.docxVIP

表单验证作业 制作一个用户注册的界面如图所示 用户注跚 I注册I 重填I 要求在客户端做如下验证: 1） 带星号的字段必须填写 2） 用户名用户名必须大于3个字符，小于12个字符 3） 用户名不能含有*、#, $、符号 4） 密码必须包括字母和数字，并且密码和确认密码必须一致 5） 邮箱格式要求正确，且必须是163邮箱 写出相应的客户端处理代码 !doctype html html lang=,lenll head meta charset=UTF-8n title 用户注册 /title /head body hl用户注册/hl form action^1#1 met hod=upos t” on submi turn check(); n ame=l,myform p label for=,,username,,姓名:/label 1213141516171819 12 13 14 15 16 17 18 19 /p P label for=pwd密码：/label input type=,,passwordH name=llpwdH id=pwcT / /p P label for=repwd确认密码:/label 20 input type=passworcT name=,,repwdH id=,,repwd,1 / /p p label性别:/label input type=l,radion name=”sex” id=llmale11 / label for=,,male,,男/label input type=,,radiof, name=l,sext, id=llfemale, / label for=,lfemale,,女/label TOC \o 1-5 \h \z /p p label for=,,email,,邮箱：/label input type=Htextfl name=l,emailM id二”email” / /p p label for=idtype,,身份：/label select name=idtypeH id=Hidtype option value=student学生/option option value=lfteache严〉老师/option /select /p p label for=intro介绍/label textarea name=Hintor id=intro cols=,,30,, rows=10x/textarea /p P input type=submit value=注册” input type=resetH value=H重填”/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){ emailfocus(); email.select(); alert (u必须填写邮箱”)； return false; } if(username.value.length3 || username.value?length12){ username?focus(); alert (?用八名必须是3到12个字符”)； return false; } if(!checkusername(username.value)){ username.focus(); alert (u用户名不能含有特殊字符”); return false; } 83 if(!checkPwd(pwd.value)){ pwd?focus(); alert(H密码必须是字母和数字组合“)； return false; TOC \o 1-5 \h \z } if(repwd.value!=pwd?value){ pwd.focus(); alert (密码与确认密码必须一致”)； _ return false; } i-F(email_163(email.value)) {