正则表达式初运用之认证界面的实现代码-6ren

正则表达式初运用之认证界面的实现代码

转载作者：qq735679552 更新时间：2022-09-29 22:32:09

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章正则表达式初运用之认证界面的实现代码由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

先给大家展示下效果图:

正则表达式初运用之认证界面的实现代码

关键代码如下所示:

 
    ? 
   
         <!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>

以上所述是小编给大家介绍的正则表达式初运用之认证界面的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我网站的支持！。

原文链接：http://www.cnblogs.com/Yirson/archive/2016/09/25/5907089.html 。

最后此篇关于正则表达式初运用之认证界面的实现代码的文章就讲到这里了,如果你想了解更多关于正则表达式初运用之认证界面的实现代码的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！。

文章推荐： Java使用正则表达式对注册页面进行验证功能实现

文章推荐：使用C语言编写圣诞表白程序

文章推荐： C++时间戳转换成日期时间的步骤和示例代码

文章推荐： C++用Dijkstra(迪杰斯特拉)算法求最短路径

grammar - 是否有可能使这个 YACC 语法明确？表达式 : . .. |表达式表达式
我正在用 yacc/bison 编写一个简单的计算器。表达式的语法看起来有点像这样: expr : NUM | expr '+' expr { $$ = $1 + $3; } | expr '-'
java - Lambda 表达式 - 使用 lambda 表达式
我开始学习 lambda 表达式，并在以下情况下遇到了以下语句: interface MyNumber { double getValue(); } MyNumber number; nu
C# Linq Where(表达式).FirstorDefault() 与 .FirstOrDefault(表达式)
这两个 Linq 查询有什么区别: var result = ResultLists().Where( c=> c.code == "abc").FirstOrDefault(); // vs. va
c++ - 为什么在未计算的操作数中不允许使用 lambda 表达式，但在常量表达式的未计算部分中允许使用 lambda 表达式？
如果我们查看 draft C++ standard 5.1.2 Lambda 表达式段 2 说(强调我的 future ): The evaluation of a lambda-expressio
java - -source 1.6 不支持 lambda 表达式 [错误](使用 -source 8 或更高版本启用 lambda 表达式)
我使用的是 Mule 4.2.2 运行时、studio 7.5.1 和 Oracle JDK 1.8.0_251。我在 java 代码中使用 Lambda 表达式，该表达式由 java Invoke
XPath 表达式
我是 XPath 的新手。我有网页的html源 http://london.craigslist.co.uk/com/1233708939.html 现在我想从上面的页面中提取以下数据完整日期电子
boolean 表达式
已关闭。这个问题是 off-topic 。目前不接受答案。想要改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。已关闭10 年前。 Improve th
Cron 表达式
我将如何编写一个 Cron 表达式以在每天上午 8 点和下午 3:30 触发？我了解如何创建每天触发一次的表达式，而不是在多个设定时间触发。提前致谢最佳答案你应该只使用两行。 0 8 * * *
Java "..."表达式
这个问题已经有答案了: What do 3 dots next to a parameter type mean in Java? (9 个回答) varargs and the '...' argu
python 表达式
我是 python 新手，在阅读 BeautifulSoup 教程时，我不明白这个表达式“[x for x in titles if x.findChildren()][:-1]”我不明白？你能解释一
ruby 表达式
(?:) 这是一个有效的 ruby 正则表达式，谁能告诉我它是什么意思？谢谢最佳答案正如其他人所说，它被用作正则表达式的非捕获语法，但是，它也是正则表达式之外的有效 ruby 语法。在
JavaScript 表达式
这个问题在这里已经有了答案: Why does ++[[]][+[]]+[+[]] return the string "10"? (10 个答案) 关闭 8 年前。谁能帮我处理这个 JavaSc
Java 表达式
这个问题在这里已经有了答案: What is the "-->" operator in C++? (29 个答案) Java: Prefix/postfix of increment/decrem
Python单行 "for"表达式
这个问题在这里已经有了答案: List comprehension vs. lambda + filter (16 个答案) 关闭 10 个月前。我不确定我是否需要 lambda 或其他东西。但是，
C assert() 表达式
C 中的 assert() 函数工作原理对我来说就像一片黑暗的森林。根据这里的答案https://stackoverflow.com/a/1571360 ，您可以使用以下构造将自定义消息输出到您的断言
ada - 类型转换和 if 表达式
在this页，John Barnes 写道: If the conditional expression is the argument of a type conversion then effec
调度程序的 Cron 表达式
我必须创建一个调度程序，它必须每周从第一天上午 9 点到第二天晚上 11 点 59 分运行 2 天(星期四和星期五)。为此，我需要提供一个 cron 表达式。 0-0 0-0 9-23 ? * THU
派生类型列表上的 Linq 表达式
我正在尝试编写一个 Linq 表达式来检查派生类中的属性，但该列表由来自基类的成员组成。下面的示例代码。以“var list”开头的 Process 方法的第二行无法编译，但我不确定应该使用什么语法来
将某些匹配项转换为大写的 Sed 表达式
此 sed 表达式将输入字符串转换为两行输出字符串。两条输出行中的每一行都由输入的子串组成。第一行需要转换成大写: s:random_stuff$choice1\|choice2${\([^}]*
时间范围的 Cron 表达式
我正在使用 Quartz.Net 在我的应用程序中安排我的工作。我只是想知道是否可以为以下场景构建 CRON 表达式: Every second between 2:15AM and 5:20AM 最

qq735679552

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

正则表达式初运用之认证界面的实现代码