JavaScript正则表达式(总结篇)
本文是长沙网络推广团队整理的一篇关于JavaScript正则表达式的资料,旨在帮助大家复习和归纳相关知识,并方便大家搜索和学习。如果你对js正则表达式感兴趣,那么这篇文章将为你提供丰富的知识和学习资源。
以下是部分正则表达式的验证规则说明:
验证数字:^[0-9]$ 可匹配任意单个数字;^\d{n}$ 则匹配特定长度的数字串;^\d{n,}$ 可匹配至少为n位的数字串;^\d{m,n}$ 则匹配长度为m到n位的数字串。
验证零和非零开头的数字:^(0|[1-9][0-9])$ 可以匹配以零或任意非零数字开头的数字串。
验证正实数和小数:^[0-9]+(.[0-9]{2})?$ 可匹配有两位小数的正实数;^[0-9]+(.[0-9]{1,3})?$ 则可匹配有1到3位小数的正实数。
验证非零整数:^\+?[1-9][0-9]$ 可匹配非零的正整数;^\-[1-9][0-9]$ 则可匹配非零的负整数。
其他常见的验证规则还包括:验证非负整数(正整数 + 0) ^\d+$;验证非正整数(负整数 + 0) ^((-\d+)|(0+))$;验证长度为3的字符^.{3}$等等。
文章还给出了针对英文字母、汉字、Email地址、URL、电话号码以及身份证号的正则表达式验证规则。这些规则可以帮助我们快速验证和匹配各种常见的数据格式。文章也鼓励大家补充和分享更多的知识点,共同学习和进步。
一、正则表达式验证
1. 整数
原表达式:^\d+$
2. 非负浮点数(正浮点数 + 0)
原表达式:^\d+(\.\d+)?$
3. 正浮点数
原表达式:^(([0-9]+\.[0-9][1-9][0-9])|([0-9][1-9][0-9]\.[0-9]+)|([0-9][1-9][0-9]))\$
4. 非正浮点数(负浮点数 + 0)
原表达式:^((-\d+(\.\d+)?)|(0+(\.0+)?))$
5. 负浮点数
原表达式:^(-(([0-9]+\.[0-9][1-9][0-9])|([0-9][1-9][0-9]\.[0-9]+)|([0-9][1-9][0-9])))$
6. 浮点数
原表达式:^(-?\d+)(\.\d+)?$
二、输入限制代码(适用于网页表单)
1. 只能输入数字和英文字母
``
2. 只能输入数字
``
3. 只能输入全角字符 (注:全角字符通常是中文输入法下的字符)
在现代Web开发中,正则表达式(Regular Expression)是一种强大的工具,用于处理字符串和文本数据。JavaScript中的正则表达式可用于验证、查找和替换文本。以下是关于JavaScript正则表达式的一些常见应用和示例。
身份证验证
身份证号码的验证是一个常见的应用场景。一个标准的身份证号码由17位数字和一个校验码组成。我们可以使用以下正则表达式来验证身份证号码的格式:
"^\\d{17}(\\d|x)$"
其他常用的正则表达式
这里列出了其他一些常见的正则表达式,用于验证不同类型的输入:
1. 非负整数: "^\\d+$"
2. 正整数: "^[0-9][1-9][0-9]$"
3. 非正整数: "^(-\\d+)|(0+)$"
4. 负整数: "^-[0-9][1-9][0-9]$"
5. 整数: "^-?\\d+$"
6. 非负浮点数: "^\\d+(\\.\\d+)?$"
7. 正浮点数: 复杂的正则表达式,用于匹配不同的浮点数格式。
HTML表单中的实际应用
在HTML表单中,我们经常使用JavaScript正则表达式来限制用户输入。以下是一些示例:
1. 取消按钮按下时的虚线框:在input标签中添加属性 `hideFocus` 或 `HideFocus=true`。
2. 只读文本框:在input标签中添加属性 `readonly`。
3. 防止退后清空的TEXT文档:使用行为样式 `behavior:url(defaultsavehistory)`。
4. ENTER键让光标移到下一个输入框:使用 `onkeydown` 事件,当按键码为13时,将其改为9。
5. 限制输入内容:使用 `onkeyup` 和 `onbeforepaste` 事件,结合正则表达式来限制用户输入。例如,只能输入中文、数字、或特定格式的文本。
这些示例展示了如何在HTML表单中使用JavaScript正则表达式来限制用户输入、提高用户体验和增强数据验证。在实际开发中,根据具体需求选择合适的方法和正则表达式,以满足业务逻辑和数据验证的要求。
在生命起源的壮丽历程中,Cambrian时代无疑是最为神秘而又精彩的章节之一。在这个历史性的时期,Cambrian之体如同一位无声的叙述者,向我们展示了一幅波澜壮阔的生命画卷。此刻,让我们一同走进这个充满奇迹的时代,感受那令人震撼的生命演变。
在这神秘的时代背景下,Cambrian之体静静地述说着生命进化的奇妙故事。它是大自然的艺术杰作,充满了生机与活力。每一个微小的细节都充满了生命力,每一片鳞片、每一根毛发都仿佛拥有生命的气息。在这里,我们见证了生命的诞生与成长,见证了物种的多样性与复杂性。
随着岁月的流转,Cambrian之体所呈现出的生命形态逐渐丰富多样。它们或矫健有力,或轻盈飘逸,各具特色。这些形态各异的生物共同谱写了一曲壮丽的生命交响曲,展现了大自然的神奇与伟大。在这漫长的进化历程中,Cambrian之体见证了生命的繁荣与变迁,成为了我们生命起源的重要线索之一。
如今,Cambrian之体的奥秘依然令人着迷。它如同一座宝藏,蕴藏着无尽的秘密等待我们去发掘。当我们凝视着这些古老的化石时,仿佛能够感受到那遥远的时代的气息。那些沉睡在石头中的生命,仿佛在诉说着曾经的辉煌与荣耀。它们是大自然的杰作,是人类生命起源的宝贵财富。
Cambrian之体是一部关于生命起源的壮丽史诗。它见证了生命的诞生、成长与繁荣,也承载了我们对未知世界的渴望与。让我们继续揭开它的神秘面纱,那些隐藏在其中的宝藏吧!在这的过程中,我们将更加深入地理解生命的本质与奥秘,感受到大自然的神奇与伟大。
网络推广网站
- JavaScript正则表达式(总结篇)
- jQuery实现跨域iframe接口方法调用
- nodejs中art-template模板语法的引入及冲突解决方案
- jquery Ajax 全局调用封装实例详解
- bootstrap fileinput 插件使用项目总结(经验)
- JS实现网页游戏中滑块响应鼠标点击移动效果
- jQuery 全选 全部选 反选 实现代码
- .Net Core中使用Grpc的方法
- MySQL百万级数据分页查询优化方案
- Vue.js基础知识小结
- vue实现多条件和模糊搜索功能
- Three.js利用Detector.js插件如何实现兼容性检测详解
- jquery+ajaxform+springboot控件实现数据更新功能
- jsp使用ECharts动态在地图上标识点
- ReactNative短信验证码倒计时控件的实现代码
- 详解PHP序列化和反序列化原理