js正则表达式实例:正则检查数字、字母数字模式
在本章中我们将介绍一些我们目前所学的正则表达式的例子!
我们将主要学习数字检查、字母数字检查和电子邮件地址检查。
使用正则表达式检查任何数字
首先让我们来看看使用正则表达式验证任意“数字模式”的方法吧!
试着用正则表达式来记述基本的数字模式:
const regexp = /^[0-9]*$/; const result = regexp.test(123);
在本例中,将“^[0-9]*$”设置为正则表达式模式。
[0-9]表示0到9之间的数字,*表示允许多个位数。然后通过赋予^$,只能验证数字模式。
为了能验证负的数字如下:
const regexp = /^[-]?[0-9]*$/; const result = regexp.test(-123);
从例子中可以看到 [-]? 被添加到前一个数字模式的开头,这使得可以验证带或不带减号 (-) 的数字。
此外如何验证小数点是否相同的思路是一样的,可以验证有无包括小数点“.(点)”的数字。
const regexp = /^[-]?[0-9]*(.[0-9]*)?$/; const result = regexp.test(123.45);
我们将 (.[0-9]?) 附加到我们之前的数字模式。
小数点的有无通过将小数点括在()中来表示,包括“.(点)”之后的数字模式。
正则表达式检查字母数字字符
接下来我们看一下输入表单中经常使用的字母数字字符的验证!
不仅包括数字而且包括字母字符的模式可以表示如下:
const regexp = /^[0-9a-zA-Z]*$/; const result = regexp.test('123abcABC');
通过不仅包括 [0-9],还包括 [az] 和“AZ”,可以验证包括所有字母字符在内的字母数字字符。
基于这种模式,如果你想在输入表单中添加诸如“3个字符到8个字符”之类的规则,它将如下所示:
const regexp = /^[0-9a-zA-Z]{3,8}$/; const result = regexp.test('12abAB');
将{3, 8} 添加到字母数字模式。
则意味着只允许 3 到 8 个字母数字字符。
以上就是关于正则表达式实例的详细内容。
本文来源:词雅网
本文地址:https://www.ciyawang.com/js-74.html
本文使用「 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 」许可协议授权,转载或使用请署名并注明出处。
相关推荐
-
如何去掉字符串首尾字符
在编程中,我们经常需要对字符串进行处理。其中一个常见的操作是去掉字符串的首尾字符。下面我们将介绍几种方法来实现这个操作。方法一:使用substring函数使用substring函数可以轻松地去掉字符串...
-
如何使用截取字符串指定字符的方法
字符串操作是编程中最基础的操作之一。在处理文本数据时,我们通常需要从字符串中提取特定的信息,或者截取一部分字符串进行处理。其中一个常见的需求就是截取字符串指定字符。下面介绍几种方法实现这个需求。方法一...
-
如何使用正则表达式判断是否是数字?
正则表达式是一种强大的文本匹配工具,可以用来判断一个字符串是否符合某种规则。在判断一个字符串是否是数字时,正则表达式也是非常有用的。什么是正则表达式?正则表达式是一种用来描述文本模式的语言,它可以用来...
-
如何使用正则表达式匹配不为空的字符串
正则表达式是一种用于匹配、查找和替换文本的强大工具。使用正则表达式可以轻松地匹配特定模式的文本,例如电子邮件地址、电话号码、日期等等。本篇文章将介绍如何使用正则表达式匹配不为空的字符串。什么是正则表达...
-
如何在字符串中提取数字
字符串是计算机编程中最常用的数据类型之一。在处理文本数据时,我们经常需要从字符串中提取数字。这篇文章将探讨如何使用不同的编程语言从字符串中提取数字。使用正则表达式提取数字正则表达式是一种用来描述字符模...
-
深入理解JavaScript正则表达式中的match方法
在JavaScript中,正则表达式是一种强大的工具,可以用来处理文本、验证表单、过滤数据等等。而正则表达式中的match方法,则是用来从字符串中提取满足某种模式的子字符串。在本文中,我们将深入探讨J...
-
JS正则提取
JS正则表达式是一种强大的工具,可以在字符串中搜索和提取特定的内容。正则表达式由模式和标志组成,可以用于匹配字符串中的特定字符、数字和符号。什么是正则表达式?正则表达式是一种文本模式,用于描述字符串中...
-
详解如何在jQuery选择器中使用正则表达式和属性过滤器
这一次,我们来学习使用正则表达式和属性过滤器来指定 jQuery 选择器的方法!比正则表达式更简单的属性过滤器是什么?让我们从学习属性过滤器开始,它比正则表达式更容易指定选择器!首先,jQuery 选...
-
详解正则表达式的五个主要方法(match、search、test、replace、split)
在上一篇文章中我们详细的介绍了正则表达式以及正则表达式如何使用,查看:(https://www.ciyawang.com/js-65.html)。接下来我将介绍在实际编程中经常使用正则表达式的五个主要...
-
详解!什么是正则表达式?正则表达式如何使用?
什么是正则表达式?看看下面的例子:/^0?(13|14|15|17|18|19)[0-9]{9}$/例如一个检查用户是否在 HTML 表单中正确输入手机号的表单,可以使用前面提到的正则表达式用非常简单...