正则表达式
正则表达式初运用之认证界面的实现代码
发布时间：2019-08-06 发布网站：脚本宝典
脚本宝典收集整理的这篇文章主要介绍了正则表达式初运用之认证界面的实现代码，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
先给大家展示下效果图：
关键代码如下所示：
<!DOCTYPE htML> <html> <head> <;meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <tITle>Examples</title> <meta name="description" content=""> <meta name="keywords" content=""> <link href="" rel="stylesheet"> </head> <body> <form action="" name="form1"> <table> <tr> <td>用户名</td> <td><input type="text" name="input1" onblur="check1()"/></td><td><div id="div1" style="color:red"></div></td> </tr> <tr> <td>密码</td> <td><input type="password" name="input2" onblur="check2()"/></td><td><div id="div2" style="color:red"></div></td> </tr> <tr> <td>再次输入密码</td> <td><input type="password" name="input3" onblur="check3()"/></td><td><div id="div3" style="color:red"></div></td> </tr> <tr> <td>请输入邮政编码</td> <td><input type="text" name="input4" onblur="check4()"/></td><td><div id="div4" style="color:red"></div></td> </tr> <tr> <td>输入手机号码</td> <td><input type="text" name="input5" onblur="check5()"/></td><td><div id="div5" style="color:red"></div></div></td> </tr> <tr> <td> 邮箱地址</td> <td><input type="text" name="input6" onblur="check6()"/></td><td><div id="div6" style="color:red"></div></td> </tr> <tr> <td>生日</td><td><input type="text" name="input7" onclick="check7()"/></td><td><div id="div7" style="color:red"></div></td> </tr> <tr><td><input type="submit" value="完成注册" onclick="sub()"></td></tr> </table> </form> <script type="text/javascript"> VAR p = false; function check1() { var reg=/^[a-zA-Z][a-zA-Z0-9]{3,15}$/; var div1=document.getElementById("div1"); if(!reg.test(document.form1.input1.value)){ div1.innerHTML="用户名必须是4-16字母或数字组成且以字母开始"; }else{ div1.innerHTML="√"; return true; } } function check2() { var reg=/[a-zA-Z0-9]{4,10}/; var div2=document.getElementById("div2"); if(!reg.test(document.form1.input2.value)){ div2.innerHTML="密码只能由英文字母和数字组成，长度为4-10个字符"; }else{ div2.innerHTML="√"; return true; } } function check3() { var div3=document.getElementById("div3"); if(document.form1.input3.value==0){ div3.innerHTML="请再次输入密码"; }else if(document.form1.input3.value!=document.form1.input2.value){ div3.innerHTML="密码不一致"; }else { div3.innerHTML="√"; return true; } } function check4() { var reg=/^/d{6}$/; var div4=document.getElementById("div4"); if(!reg.test(document.form1.input4.value)){ div4.innerHTML="邮政编码必须是6个数字"; } else{ div4.innerHTML="√"; return true; } } function check5() { var reg=/^1/d{10}$/; var div5=document.getElementById("div5"); if(!reg.test(document.form1.input5.value)){ div5.innerHTML="手机号必须是11个数字且1开始"; }else{ div5.innerHTML="√"; return true; } } function check6() { var reg=/^[a-zA-Z][a-zA-Z0-9_]+@([a-zA-Z0-9]+.)+(com|cn)$/; var div6=document.getElementById("div6"); if(!reg.test(document.form1.input6.value)){ div6.innerHTML="邮箱地址不是这种格式"; }else{ div6.innerHTML="√"; return true; } } function check7() { var reg=/^(/d{4})-(/d{1,2})-(/d{1,2})$/; var div7=document.getElementById("div7"); var arr=reg.exec(document.form1.input7.value); if(arr==null){ div7.innerHTML="生日格式为1980-05-12或1988-05-04的形式"; }else if (arr[1]<1900||arr[1]>2016) { div7.innerHTML="生日必须在1900-2014"; }else if (arr[2]<1||arr[2]>12) { div7.innerHTML="生日的月份在01~12之间"; }else if (arr[3]<1||arr[3]>31) { div7.innerHTML="生日的日期必须在01-31之间"; }else { div7.innerHTML="√"; p = true; } } function sub(){ if(check1()==true&&p==true&& check2()==true&&check3()==true&&check4()==true&&check5()==true&&check6()==true){ alert("注册成功"); }else{ alert("注册失败，你还有信息没填或不符合格式"); } } </script> </body> </html>
脚本宝典总结
以上是脚本宝典为你收集整理的正则表达式初运用之认证界面的实现代码全部内容，希望文章能够帮你解决正则表达式初运用之认证界面的实现代码所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
猜你在找的正则表达式相关文章
- 详解Python3中的正则表达式的基本用法 2019-08-06
- 截字符串 去除HTML标记 2019-08-06
- JScript中正则表达函数的说明与应用 2019-08-06
- 在ASP中用正则表达式对象来校验数据的合法性 2019-08-06
- ubbcode简单实用 2019-08-06
- 正则表达式练习器 2019-08-06
- 17种正则表达式 2019-08-06
- 正则表达式regular expression详述（二） 2019-08-06
- 正则表达式regular expression详述（一） 2019-08-06
- 转换文本为超连接和Email格式的代码 2019-08-06
全站导航更多
html5HTML/XhtmlCSSXML/XSLTDreamweaver教程Frontpage教程心得技巧JavaScriptASP.NETPHP编程正则表达式AJAX相关ASP编程JSP编程编程10000问CSS/HTMLFlexvbsDOS/BAThtahtcpythonperl游戏相关VBA远程脚本ColdFusionMsSqlMysqlmariadboracleDB2mssql2008mssql2005SQLitePostgreSQLMongoDB星外虚拟主机华众虚拟主机Linuxwin服务器FTP服务器DNS服务器Tomcatnginxzabbix云和虚拟化bios系统安装系统系统进程Windows系列LINUXRedHat/CentosUbuntu/DebianFedoraSolaris红旗Linux建站经验微信营销网站优化网站策划网络赚钱网络创业站长故事alexa域名photoshop教程摄影教程Fireworks教程CorelDraw教程Illustrator教程Painter教程Freehand教程IndesignSketch笔记本主板内存CPU存储显卡显示器光存储鼠标键盘平板电脑安全教程杀毒防毒安全设置病毒查杀脚本攻防入侵防御工具使用业界动态Exploit漏洞分析
最新正则表达式教程