希望能帮助更多的人，可以加我qq交流504781715<html><head><title>formzzbds.html</title><meta http-equiv="content-type"content="text/html; charset=UTF-8"> <script type="text/javascript">function$(objId){return document.getElementById(objId);}function checkText(objId,objName,num){//获取指定的文本值v ar val = $(objId).value;//获取提示信息的值v ar span= $(objId+"Span");//验证数据i f(val==null|| val.length==0){s pan.innerHTML="<font color='red'>数据项["+objName+"]不能为空</font>";r eturn false;}else if(!num.test(val)){s pan.innerHTML ="<font color='red'>数据项["+objName+"]不符合规则</font>";r eturn false;}else{s pan.innerHTML="<font color='green'>ok</font>";}}function unameFalg(){var uname=/^[a-zA-Z]\w{6,16}$/i g;return checkText("uname","用户名",uname)&&unamePwdF();}function unamePwd(){var pwd=/(\w{6,9})/i g;return checkText("pwd","密码",pwd);}function unamePwdF(){var val = $("pwd").value;var val2=$("pwd2").value;var span = $("pwd2Span");var pwd3=/(\w{6,9})/i g;if(val2==null||val2.length==0){span.innerHTML="<font color='red'>请输入确认密码</font>";return false;}else if(val != val2){span.innerHTML="<font color='red'>密码必须和上述密码一致</font>";r eturn false;}else{span.innerHTML="<font color='green'>OK</font>";return true;}}function nameFalg(){var name =/^[\u4E00-\u9FA5]{2,6}$/i g;return checkText("name","姓名",name)}function emailFalg(){var email=/^\w{4,20}@\w{2,10}(\.[a-zA-Z]{2,4}){1,2}$/i g;return checkText("email","邮箱",email);}function ageFalg(){v ar age =/^\d{1,3}$/i g;r eturn checkText("age","年龄",age)}function checkForm(){v ar unameFal= unameFalg();v ar unamePw=unamePwd();v ar nameFal=nameFalg();v ar emailFal=emailFalg();v ar ageFal=ageFalg();r eturn unameFal&&unamePw&&nameFal&&emailFal&&ageFal;}</script></head><body style="text-align: center"><form action=""method="get"onsubmit="checkForm()"><table border="1"style="margin: auto;"><caption>用户注册页面</caption><tr><th>用户名：</th><td><input type="text"id="uname"name="uname" onblur="unameFalg()"/><span id="unameSpan">由6-16个字母数字下划线组成</span></td></tr><tr><th>密码：</th><td><input type="password"id="pwd"name="pwd" onblur="unamePwd()"/><span id="pwdSpan">由6-9个字母数字下划线组成</span></td></tr><tr><th>确认密码：</th><td><input type="password"id="pwd2"name="pwd2" onblur="unamePwdF()"/><span id="pwd2Span">由6-9个字母数字下划线组成</span></td></tr><tr><th>真实姓名：</th><td><input type="text"id="name"name="name"onblur="nameFalg()"/><span id="nameSpan">由3-10个字母数字下划线组成</span></td></tr><tr><th>性别：</th><td><input type="radio"id="gen"name="gen"checked="checked">男<input type="radio"id="gen"name="gen">女</td></tr><tr><th>年龄：</th><td><input type="text"id="age"name="age"onblur="ageFalg()"/><span id="ageSpan">由3位数字组成</span></td></tr><tr><th>邮箱：</th><td><input type="text"id="email"name="email" onblur="emailFalg()"/><span id="emailSpan">请输入正确的邮箱地址</span></td></tr><tr><th colspan="2"><input type="submit"value="注册"/><input type="reset"value="重置"/><input type="button"value="检测代码是否正确"onclick="checkForm()"/></th></tr></table></form></body></html>。