先给大家展示下效果图：

关键代码如下所示：

！DOCTYPE html html hearteta charset=' utf-8 ' meta http-equiv=' X-UA-Compatible ' content=' IE=edge，chrome=1 ' title示例/title meta name=' description ' content=' meta name=' keywords ' content=' link href=' rel='样式表/head dyform action=' name=' form 1 '表RTD用户名/TDT输入类型=' text '名称=' input 1 '在bulr上=' check 1()'//TDT div id=' div 1 '样式=' color : red '/div/TD/trtd密码/TDT输入类型=' password ' name=' input 2 ' on bulr=' check 2()'//TDT div id=' div 2 ' style=' color : red '/div/TD/trtrtd再次输入密码/TDT输入类型=' password ' name=' input 3 ' on bulr=' check 3()'//TDT div id=' div 3 ' style=' color : red '/div/TD/trtrtd请输入邮政编码/TDT输入类型='文本name=' input 4 ' on bulr=' check 4()'//TDT div id=' div 4 ' style=' color : red '/div/TD/trtd输入手机号码/TDT输入类型=' text ' name=' input 5 ' on bulr=' check 5()'//TDT div id=' div 5 ' style=' color : red '/div/div/TD/trtd邮箱地址/TDT输入类型=' text '名称=' bulr上的输入6 '=' check 6()'//TDT div id=' div 6 ' style=' color : red '/div/TD/trtr TD生日/TDT输入类型=' text '名称=' input 7 ' onclick=' check 7()'//TDT div id=' div 7 ' style=' color : red '/div/TD/TRT输入类型=' submit ' value='完成注册onclick=' sub()'/TD/tr/table/formscript type=' text/JavaScript ' var p=false； 函数支票1(){ var reg=/^[a-za-z][a-za-z0-9]{3,15}$/；var div 1=文档。getelementbyid(' div 1 ')；if(！reg。测试(文档。表格1。输入1。value)){ div 1。innerHTMl='用户名必须是4-16字母或数字组成且以字母开始；} else { div 1。innerHTMl=''；返回真；} }函数检查2(){ var reg=/[a-Za-Z0-9]{ 4，10 }/；var div 2=文档。getelementbyid(' div 2 ')；if(！reg。测试(文档。表格1。输入2。value)){ div 2。innerHTMl='密码只能由英文字母和数字组成，长度为4-10个字符；} else { div 2。innerHTMl=''；返回真；} }函数check 3(){ var div 3=document。getelementbyid(' div 3 ')；if(文档。表格1。输入3。value==0){ div 3。innerHTMl='请再次输入密码；} else if(文档。表格1。输入3。价值！=文档。表格1。输入2。值){ div 3。innerHTMl='密码不一致；} else { div 3。innerHTMl=''；返回真；} }函数检查4(){ var reg=/^d{6}$/；var div 4=文档。getelementbyid(' div 4 ')；if(！reg。测试(文档。表格1。输入4。value)){ div 4。innerHTMl='邮政编码必须是6个数字；} else { div 4。innerHTMl=''；返回真；} }函数检查5(){ var reg=/^1d{10}$/；var div 5=文档。getelementbyid(' div 5 ')；if(！reg。测试(文档。表格1。输入5。value)){ div 5。innerHTMl='手机号必须是11个数字且一开始；} else { div 5。innerHTMl=''；返回真；} }函数支票6(){ varreg=/^[a-za-z][a-za-z0-9_][emailprotected]([a-za-z0-9]。)(com | cn)$/；var div 6=文档。getelementbyid(' div 6 ')；if(！reg。测试(文档。表格1。输入6。value)){ div 6。innerHTMl='邮箱地址不是这种格式；} else { div 6。innerHTMl=''；返回真；} }函数检查7(){ var reg=/^(d{4})-(d{1,2})-(d{1,2})$/；var div 7=文档。getelementbyid(' div 7 ')；var arr=reg。exec(文档。表格1。输入7。值)；if(arr==null){div7.innerHTML='生日格式为1980-05-12或1988-05-04的形式；} else if(arr[1]1900 | | arr[1]2016){ div 7。innerhtml='生日必须在1900-2014';} else if(arr[2]1 | | arr[2]12){ div 7。innerhtml='生日的月份在01~12之间；} else if(arr[3]1 | | arr[3]31){ div 7。innerhtml='生日的日期必须在01-31之间；} else { div 7。innerHTMl=''；p=真；} } function sub(){ if(check 1()==true p==true check 2()==true check 3()==true check 4()==true check 5()==true check 6()==true){ alert('注册成功');}else{alert('注册失败，你还有信息没填或不符合格式');} }/脚本/正文/html以上所述是小编给大家介绍的正则表达式初运用之认证界面的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！