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(ername.value)==f alse)//验证用户名格式{alert("用户名必须是6到20的字符！");ername.focus();return false;}if(password_exg.test(document.regform.password.value)==f alse)//验证密码格式{alert("密码必须是6到20个数字！");document.regform.password.focus();return false;}if(document.regform.password.value!=document.regform.pas swordcheck.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;i<6;i++) //检查每一个checkbox的状态{obj=eval("document.regform.hobbycheckbox"+i); if(obj.checked==true){flag=true;str1=str1+" "+obj.value;}}if(flag==false){alert("请选择您的业余爱好！");return flag;}if(document.regform.homedownselect.value=="未选中") {alert("请选择个人的籍贯！！");return false;}if (document.regform.briefarea.value==""){alert("简介不能为空哦！")return false;}var n=ername.value;var p=document.regform.password.value;var hom=document.regform.homedownselect.value;var v = document.regform.briefarea.value;var u="用户名：";var p1="密码：";var x="性别：";var a1="兴趣爱好："var j="籍贯：";var g="个人简介：";var wid=window.open("","","height=260 width=400 top=200 left=400 status=yes")wid.document.write("<H3> <font color=blue>恭喜！您的信息已提交成功！</font></H3><br>" + u +" " +n + "<br>" + p1 +" " + p + "<br>" + x +" "+ z + "<br>"+ a1 +" " + str1 + "<br>"+ j +" "+ hom +"<br>"+ g +"<br> "+v)wid.status="表单信息反馈！"return true;</script></head><body><table width="468" border="0" align="center" cellpadding="5" cellspacing="5" bgcolor="#CCCCCC"> <form action="" method="post" name="regform" id="regform" ><tr align="center"><td colspan="2" class="title">用户注册</td></tr><tr><td width="111" class="Left">用户名：</td><td width="322" class="neirong"><input name="username" type="text" id="username">6~20个字符</td></tr><tr><td class="Left">密 码:</td><td class="neirong"><input name="password" type="password" id="password">6~20个数字</td></tr><tr><td class="Left">确认密码：</td><td class="neirong"><input name="passwordcheck" type="password" id="passwordcheck"></td></tr><tr><td class="Left">性 别：</td><td class="neirong"><input type="radio" name="radiosex1" id="radiosex1" value="保密">保密<input type="radio" name="radiosex2" id="radiosex2" value="男">男<input type="radio" name="radiosex3" id="radiosex3" value="女">女</td></tr><tr><td class="Left">兴趣爱好：</td><td class="neirong"><input name="hobbycheckbox1" type="checkbox" id="hobbycheckbox" value="读书">读书<input name="hobbycheckbox2" type="checkbox" id="hobbycheckbox" value="运动">运动<input name="hobbycheckbox3" type="checkbox" id="hobbycheckbox" value="书法">书法<input name="hobbycheckbox4" type="checkbox" id="hobbycheckbox" value="音乐">音乐<input name="hobbycheckbox5" type="checkbox" id="hobbycheckbox" value="电影">电影</td></tr><tr><td height="24" class="Left">籍 贯：</td> <td class="neirong"><select name="homedownselect" id="homedownselect"><option value="未选中" selected>------请选择籍贯-------</option><option value="贵州">贵州</option><option value="四川">四川 </option><option value="云南">云南</option></select></td></tr><tr><td class="Left">用户简介：</td><td class="neirong"><textarea name="briefarea" id="briefarea"></textarea></td></tr><tr align="center"><td height="35" colspan="2"><input name="Submit" type="button" id="Submit" value="提交" onClick="checkForm();"> <input type="reset" name="Submit" value="重置"> </td></tr></form></table><p class="title"> </p></body></html>三、表单设计：。