2019年前端必用js正则(小结)

2019年前端必用js正则(小结)

正则表达式是一种字符串匹配的工具,可以在前端开发中处理文本、验证输入、搜索替换等各种问题。下面是一些前端开发中可能会用到的JavaScript正则表达式。

常用的正则表达式

  1. 邮箱格式验证
const emailReg = /^([a-zA-Z0-9._-]+)@([a-zA-Z0-9_-]+)\.([a-zA-Z]{2,6})$/;

示例:

const email = 'test@example.com';
if (emailReg.test(email)) {
  console.log('邮箱格式正确');
} else {
  console.log('邮箱格式不正确');
}
  1. 手机号格式验证
const phoneReg = /^1[3456789]\d{9}$/;

示例:

const phone = '13812345678';
if (phoneReg.test(phone)) {
  console.log('手机号格式正确');
} else {
  console.log('手机号格式不正确');
}
  1. 身份证号码格式验证
const idCardReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;

示例:

const idCard = '610103198801011234';
if (idCardReg.test(idCard)) {
  console.log('身份证号码格式正确');
} else {
  console.log('身份证号码格式不正确');
}
  1. URL格式验证
const urlReg = /^((https|http|ftp|rtsp|mms)?:\/\/)[^\s]+/;

示例:

const url = 'https://www.example.com';
if (urlReg.test(url)) {
  console.log('URL格式正确');
} else {
  console.log('URL格式不正确');
}
  1. 匹配中文
const chineseReg = /^[\u4e00-\u9fa5]{0,}$/;

示例:

const chinese = '你好吗';
if (chineseReg.test(chinese)) {
  console.log('匹配中文成功');
} else {
  console.log('匹配中文失败');
}

小结

正则表达式是一种强大的工具,可以在前端开发中解决很多问题。以上是常用的几种正则表达式,涵盖了前端开发中常见的需求。在实际使用过程中,还需要根据具体需求进行自定义正则表达式的编写。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:2019年前端必用js正则(小结) - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • JavaScript仿百度图片浏览效果

    介绍JavaScript仿百度图片浏览效果所需要遵循的完整攻略: 步骤一:网页结构设计 要实现JavaScript仿百度图片浏览效果,需要先设计网页的结构。具体来说,需要将每个图片都包装在一个链接标签内部,然后这些链接标签再放置在一个父级div标签中。这样,每次点击一个链接标签,就会打开一个图片的浏览界面。 下面是一个示例代码: <div class=…

    JavaScript 2023年6月11日
    00
  • JavaScript尾递归的实现及应用场景

    JavaScript尾递归的实现及应用场景 什么是尾递归 递归函数是在函数内部调用自身的函数,而尾递归则指在函数结束时递归调用自身函数,此时函数不会有任何剩余操作。尾递归函数的实现方式可以极大地减少函数在内存中的占用,避免了栈溢出问题,是函数编写中的高级技巧。 尾递归的实现 尾递归函数不是按照标准递归方式进行运算,而是以‘一步计算出最终结果’的方式进行,每次…

    JavaScript 2023年5月28日
    00
  • JS使用数组实现的队列功能示例

    为了实现队列功能,我们可以使用JavaScript中的数组来完成。下面是使用数组实现队列的完整攻略: 一、什么是队列? 在计算机科学中,队列是一种常见的数据结构,用于存储按顺序排列的元素。元素添加到队列的一端,称为队尾或者后端;元素从队列的另一端删除,称为队头或者前端。具有FIFO(先进先出)特性,即最先加入队列的元素最先被删除。 二、使用数组实现队列 使用…

    JavaScript 2023年5月27日
    00
  • Node.js的特点和应用场景介绍

    Node.js的特点和应用场景介绍 什么是Node.js Node.js是基于Chrome V8 JavaScript引擎的一个开源、跨平台的JavaScript运行环境。通过Node.js可以使用JavaScript进行服务器端的开发,以及命令行工具的编写。 Node.js的特点 异步IO Node.js采用事件驱动、非阻塞式IO的编程模型,使得模块之间的…

    JavaScript 2023年5月28日
    00
  • 正则表达式基本语法及表单验证操作详解【基于JS】

    正则表达式基本语法及表单验证操作详解 [基于JS] 什么是正则表达式 正则表达式(Regular Expression),又称规则表达式、常规表示式、正规表示法、正则表示法,简称正则表达式,在计算机科学中,是用来描述、匹配一系列符合某个规则的字符串的表达式。常用于搜索、替换或验证文本。 正则表达式的基本语法 字符类 [abc] 匹配a、b或c [^abc] …

    JavaScript 2023年6月10日
    00
  • JS幻想 读取二进制文件

    下面是针对“JS幻想 读取二进制文件”的完整攻略: 概述 在前端开发过程中,有时候需要读取二进制文件,比如音频、视频、图片等。而JavaScript本身是一种基于文本的语言,不能直接读取和处理二进制数据。但是,浏览器提供了一些API,可以帮助我们读取和处理二进制数据,比如FileReader和Typed Array。 使用FileReader读取二进制文件 …

    JavaScript 2023年5月27日
    00
  • JavaScript将相对地址转换为绝对地址示例代码

    下面是关于JavaScript将相对地址转换为绝对地址的攻略,包含以下四个步骤: 获取当前页面的URL和相对地址。 判断相对地址的类型(同级、下级、上级)。 根据相对地址的类型,将其转换为绝对地址。 使用转换后的绝对地址进行操作。 下面用两个示例来说明具体的实现过程。 示例一:转换同级相对地址为绝对地址 在相同层级的情况下,相对地址一般是以./开头。比如,当…

    JavaScript 2023年6月11日
    00
  • 如何用javascript正则表达式验证身份证号码是否合法

    以下是使用 JavaScript 正则表达式验证身份证号码是否合法的攻略,包含了具体步骤和两条示例: 1. 正则表达式模式 身份证号的验证可以使用正则表达式来实现,身份证号具有一定的规则,我们可以写出相应的正则表达式模式来匹配这些规则。 身份证号码的验证规则如下: 长度为18位; 前17位均为数字; 第18位可以是数字,也可以是大写字母X。 因此,我们可以使…

    JavaScript 2023年5月19日
    00
合作推广
合作推广
分享本页
返回顶部