在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实现响应式布局 在今天的移动设备普及的时代,响应式布局成为了必须掌握的前端开发技能。借助HTML和CSS,我们可以轻松地实现一个适应不同屏幕尺寸和窗口大小的网页布局。本文将详细介绍如何使用HTML和CSS实现响应式布…

    2025年5月2日
    000
  • 学会从头开始学习CSS,掌握制作基本网页框架的技巧

    从零开始学习CSS,掌握网页基本框架制作技巧 前言: 在现今互联网时代,网页设计和开发是一个非常重要的技能。而学习CSS(层叠样式表)是掌握网页设计的关键之一。CSS不仅可以为网页添加样式和布局,还可以为用户呈现独特且具有吸引力的页面效果。…

    2025年5月2日
    000
  • html的表格比较宽溢出怎么设置

    这次给大家带来html的表格比较宽溢出怎么设置,设置不让html的表格宽溢出的注意事项有哪些,下面就是实战案例,一起来看一下。 表格如果比较宽,则有可能溢出。 比如有两个div,左和右。如果表格在右边的div中,但是它比较宽,则显示的时候很…

    编程技术 2025年5月1日
    000
  • 九个常用的JavaScript图表库的介绍

    本篇文章给大家带来的内容是关于九个常用的javascript图表库的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 当前,数据可视化已经成为数据科学领域非常重要的一部分。不同网络系统中产生的数据,都需要经过适当的可视化…

    2025年5月1日 编程技术
    000
  • echarts如何优化数据视图dataView中的样式(代码示例)

    本篇文章给大家带来的内容是关于echarts如何优化数据视图dataview中的样式(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在使用echart过程中,toolbox里有个dataView视图模式,里面的…

    2025年5月1日
    000
  • HTML 视频的播放控件样式怎么修改

    无法直接通过css修改html视频的默认播放控件样式。1. 使用javascript创建自定义控件。2. 通过css美化这些控件。3. 考虑兼容性、用户体验和性能,使用库如video.js或plyr可简化过程。 要修改 HTML 视频的播放…

    2025年4月30日
    000
  • 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

发表回复

登录后才能评论