Web表单验实例.docVIP

Web表单验证实例 学习交流，非诚勿扰：1244399731 一、实验要求： 创建一个页面，命名为“表单验证.html”。在页面上创建一个表单，命名为“regform”，其中包含元素为：文本框（username，获取用户名）、文本框（password，密码）、文本框（passwordcheck，对密码进行确认）、单选按钮（radiosex）选择性别、兴趣爱好（hobbycheckbox，至少可选择5项爱好）、下拉列表（homedownselect，用于选择籍贯）、文本域（briefarea，用于获得用户简介）、提交按钮（formsubmit）、重置按钮（formreset）。 当提交表单时，对表单中的信息进行验证并给出提示，要求如下： （1）要求验证上面的所有元素的值必须不为空，即用户必须填写相关内容。 （2）用户名、密码必须是6-20位。 （3）要求password与passwordcheck必须相同。 （4）在表达允许提交的情况下，完成下面动作：打开一个新窗口wid，将上述验证后的表单信息在wid中显示出来。 二、源代码： !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title用户注册/title style type=text/css !-- .title { font-family: 宋体; font-size: 18pt; font-weight: bold; color: #666666; } .style1 {font-family: 宋体; font-size: 18pt; font-weight: bold; color: #333333; } .Left { font-family: 宋体; font-size: 14pt; font-weight: bold; color: #333333; } .neirong { font-family: 宋体; font-size: 10pt; font-weight: bold; color: #000000; } body { background-image: url(19.jpg); } -- /style script language=javascript function checkForm() { var username_exg=/\w{6,20}/; var password_exg=/[0-9]{6,20}/; if(username_exg.test(document.regform.username.value)==false)//验证用户名格式 { alert(用户名必须是6到20的字符！); document.regform.username.focus(); return false; } if(password_exg.test(document.regform.password.value)==false)//验证密码格式 { alert(密码必须是6到20个数字！); document.regform.password.focus(); return false; } if(document.regform.password.value!=document.regform.passwordcheck.value)//验证两次密码是否一致 { alert(密码输入不一致！); document.regform.password.focus(); return false; } var flag1=false,ob; for(var j=1;j=3;j++) { ob=eval(document.regform.radiosex+j); if(ob.checked==true) { {flag1=true; z=ob.value; } } } if(flag1==false) { alert(请选择您的性别！); return flag1; } var str1=,flag=false,obj; for(var i=1;i6;i++) //检查每一个checkbox的状态 { obj=eval(document.