在HTML中如何用正则表达式检验表格

这篇文章主要介绍了html正则表达式检验表格的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下

下面给大家分享HTML用正则表达式检验表格的实例代码,具体代码内容如下所示:

 正则表达式在JavaScript脚本中是很好用的检验语法规则的方法。但是与Java中的正则表达式有所不同。它需要在regex规则上以“^”开始,以"$"结束。

登录后复制

以下让我们看看一个实例。

登录后复制

nbsp;html>                Title                form table tr td{              border: 1px solid lightgrey;              text-align: center;          }          form table tr td input{              width: 97%;          }                      //判断规则(正则表达式)      function goto() {       var name = document.getElementById("name");       var pwd = document.getElementById("pwd");       var pwd2 = document.getElementById("pwd2");       var pnum = document.getElementById("pnum");       var phone = document.getElementById("phone");       var telephone = document.getElementById("telephone");       var email = document.getElementById("email");          if (name.value.trim().length<=8){              alert("用户名长度必须大于八位");              name.focus()              name.value="";              return;          }  //        规则必须包括大小写字母,数字          var regex = /^(?!(?:d+|[a-zA-Z]+|[da-z]+|[dA-Z])$)[da-zA-Z]{6,}$/;  //        var regex = /^[A-z0-9]{10,20}$/;          if ( !pwd.value.match(regex)){              alert("密码不符合规定");              pwd.focus()              pwd.value="";              return;          }          if (pwd.value != pwd2.value){              alert("两次输入的密码不相同");              pwd2.focus()              pwd.value="";              pwd2.value="";              return;          }          var rege=/^d{17}X$|^d{15}$/;          if (!rege.test(pnum.value)){              alert("身份证不符合规定");              pnum.focus()              pnum.value="";              return;          }          var regex2 = /^d{4}-d{7}$/;//判断座机号          if (!regex2.test(phone.value)){              alert("座机号码不符合规定");              phone.focus()              phone.value="";              return;          }          var regex3 = /^1[3,5,7,8]d{9}$/;          if (!regex3.test(telephone.value)){              alert("手机号码不符合规定");              telephone.focus()              telephone.value="";              return;          }          //test方法必须用反斜杠转义          var regex4 = /^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/;          if (!regex4.test(email.value)){              alert("邮箱不符合规定");              email.focus()              email.value="";              return;          }      }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
登录名:长度大于八位
登录密码:长度大于十位,包含字母数字
确认密码:
身份证号码:15位或18位最后一个是X
固定电话:格式xxxx-xxxxxxx
手机号码:11位整数
电子邮件:xxxx@xxx.xxx  xxx@xxx.xxx.xx
现居住地:                  --选择省份--                  北京                  河北                  广西                                --选择城市--                  烟台                  青岛                  哈尔滨              
      

登录后复制

附:一些常使用的规则:

“^\d+$”  //非负整数(正整数 + 0)

“^[0-9]*[1-9][0-9]*$”  //正整数

立即学习“前端免费学习笔记(深入)”;

“^((-\d+)|(0+))$”  //非正整数(负整数 + 0)

“^-[0-9]*[1-9][0-9]*$”  //负整数

“^-?\d+$”    //整数

“^\d+(\.\d+)?$”  //非负浮点数(正浮点数 + 0)

“^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$”  //正浮点数

“^((-\d+(\.\d+)?)|(0+(\.0+)?))$”  //非正浮点数(负浮点数 + 0)

“^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$”  //负浮点数

“^(-?\d+)(\.\d+)?$”  //浮点数

“^[A-Za-z]+$”  //由26个英文字母组成的字符串

“^[A-Z]+$”  //由26个英文字母的大写组成的字符串

“^[a-z]+$”  //由26个英文字母的小写组成的字符串

“^[A-Za-z0-9]+$”  //由数字和26个英文字母组成的字符串

“^\w+$”  //由数字、26个英文字母或者下划线组成的字符串

“^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$”    //email地址

“^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$”  //url

以上所述是小编给大家介绍的HTML用正则表达式检验表格的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

以上就是在HTML中如何用正则表达式检验表格的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3253710.html

(0)
上一篇 2025年4月4日 17:46:52
下一篇 2025年4月4日 17:47:45

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • html、css容易被忽略的小知识点_html/css_WEB-ITnose

    都说前端容易,谁说的。前端上手快,越往后学习越困难。学习前端快一年了,依然发现一些小的知识点不会。这些经验性的东西不碰到永远学不会。 (1)title前面的logo。 就像这个编辑文章前面的logo。不知道大家知不知道这个图标是如何加载过来…

    编程技术 2025年4月4日
    100
  • html节点属性操作

    nbsp;html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> …

    编程技术 2025年4月4日
    200
  • html教程:用tabIndex轻松实现网页导航

    最近,当我在一个网站上输入表格数据时,我填写了一栏,并点击[tab]键移到下一栏;当我抬头时,我惊奇的发现光标跳到页面下方的另一栏中。我用鼠标将光标移到正确的文本栏中,但不久[tab]键又再次出现问题。这一情形使我想了解一下页面设计,以及t…

    编程技术 2025年4月4日
    200
  • html教程:WEB标准从头开始_DOCTYPE声明

    在较早之前的网页上,我们经常可以看到如下的网页结构代码: 这是一个网页 …… 立即学习“前端免费学习笔记(深入)”; …… 立即学习“前端免费学习笔记(深入)”; 很显然的,这种结构的网页代码是不符合Web标准规范的,但是浏览器仍然可以很好…

    编程技术 2025年4月4日
    200
  • 一步步学习html—-第一课

    在讲授第一课的时候,首先要给大家表明的一个概念是:我们学习的是一门语言,而不是一个编译工具,所以我们要习惯在编写程序的时候忽略编译工具的概念,因为只有忽略了编译工具,才能真正意义上的明白一门语言的精髓在哪里,也才能真正掌握一门语言到底是怎么…

    编程技术 2025年4月4日
    200
  • 一步步学习html—-第三课

    经过前面两课的学习,不知道你们对于什么是html有没有了一定程度上的了解,今天的第三课算是第一阶段的一个总结,会加入一点新的内容,但是更多的是会做总结,好了,废话不说了,进入今天的课程吧!在前两课的基础上,这一课主要是加入了一个插入图片的问…

    编程技术 2025年4月4日
    200
  • 一步步学习html—-第四课

    这一课我们主要讲解一下链接的问题:这个也可以定义为超文本链接,标签则是这个标签的全称是anchor,中文意思是锚;例子:http://www.baidu.com”>click!在网页上就会出现一个链接,其文本表现形式就是正…

    编程技术 2025年4月4日
    200
  • HTML的分段与换行代码说明

    在网页的排版中,经常会对文本进行分段和换行的操作,这两种操作由 标签 和标签来实现。 1、 -段落标签 p是英文单词“paragraph”的首字母,用来定义网页中的一段文本, 一般是成对出现。 2、-换行标签 br是英文单词“break”的…

    编程技术 2025年4月4日
    200
  • HTML的标题设置代码

    在word文档中,标题往往都需要格外醒目,例如加粗字体较大等。同样地在html文档中也可以设置标题以同样的格式显示。 我们可以用html标题标签来设置标题,一共有6个标题标签,从 到 ,数字越小,级别越高,文字也相应越大。 下面通过实例介绍…

    编程技术 2025年4月4日
    200
  • HTML的列表代码说明

    在编辑文档时,有时希望某些内容以列表形式显示出来,是其结构化和条理化。在html文档中,html列表标签主要分为序号列表和项目列表,前者是每个列表项都有个数字编号,后者则在每个列表项前有个圆点符号。 1、序号列表(也称为有序列表) 序号列表…

    编程技术 2025年4月4日
    200

发表回复

登录后才能评论