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

yizhihongxing

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日

相关文章

  • vue下载excel的实现代码后台用post方法

    下面我将为你详细讲解“vue下载excel的实现代码后台用post方法”的完整攻略。 后台代码的实现 首先,后台需要在接口中返回文件流的形式,以便前端能够接收到需要下载的excel文件。具体代码如下: // 后台 Node.js代码示例 const XLSX = require(‘xlsx’); const fs = require(‘fs’); const…

    JavaScript 2023年6月11日
    00
  • firefox firebug中文入门教程 脚本之家新年特别版

    Firefox Firebug中文入门教程 脚本之家新年特别版 本文主要介绍如何使用Firefox浏览器中自带的调试工具Firebug进行前端开发调试。Firebug具有强大的功能,包括HTML、CSS、JavaScript调试和分析等,非常适合前端开发者使用。 安装Firebug 首先,我们需要在Firefox浏览器中安装Firebug插件。在Firefo…

    JavaScript 2023年6月10日
    00
  • JS定时器如何实现提交成功提示功能

    JS定时器可以通过setInterval()函数来实现提交成功提示功能。函数setInterval()可用于定时重复执行指定的代码段,其语法如下: setInterval(function, interval); 其中,function参数指定需要重复执行的代码段,interval参数指定执行函数的时间间隔,单位为毫秒。 下面是一个简单的示例代码,点击按钮后…

    JavaScript 2023年6月11日
    00
  • JavaScript字符串处理(String对象)详解

    JavaScript字符串处理(String对象)详解 在JavaScript中,字符串也是一个重要的数据类型。String对象中提供了一系列的方法来对字符串进行处理。本篇攻略将详细讲解JavaScript中String对象的常用方法。 字符串的定义 在JavaScript中,字符串可以用单引号或双引号来定义。例如: var str1 = ‘hello wo…

    JavaScript 2023年5月19日
    00
  • 在Java程序中使用数据库的新方法

    让我详细讲解一下“在Java程序中使用数据库的新方法”的完整攻略。 1. 选择数据库驱动 首先需要选择适合项目的数据库驱动,常见的数据库有MySQL、Oracle、SQLServer等,而对应的常见驱动库则有jdbc:mysql、ojdbc、sqljdbc等。 以MySQL为例,假设我们选择了mysql-connector-java这个驱动库,那么可以从官网…

    JavaScript 2023年5月28日
    00
  • 学会javascript之迭代器

    学习JavaScript之迭代器 什么是迭代器 迭代器(Iterator)是一种设计模式,它是一个对象,它基于某种集合来迭代,并返回单个元素。迭代器提供了一种方法来访问集合中的元素,而不必暴露集合的内部。在JavaScript中,迭代器通常是一个包含next()方法的对象,这个方法将返回集合中的下一个元素。 如何使用迭代器 创建迭代器 要创建一个迭代器,我们…

    JavaScript 2023年5月28日
    00
  • JavaScript模板入门介绍

    针对“JavaScript模板入门介绍”的完整攻略,以下是详细的讲解: 什么是JavaScript模板 JavaScript模板是一种用于生成HTML、XML、JSON等结构化文本数据的技术,通常用于Web应用程序的构造中。JavaScript模板通常由模板引擎编译执行,并提供了一种可重复使用、易于维护的方式来生成静态或动态的Web内容。 JavaScrip…

    JavaScript 2023年5月18日
    00
  • 利用JQUERY实现多个AJAX请求等待的实例

    当我们需要向服务器发送多个异步请求时,我们通常会使用jQuery的AJAX功能。但是当我们需要等待所有的请求都返回时才进行下一步操作时,该怎么办呢?这时,我们可以利用jQuery中的Promise对象来实现等待多个AJAX请求的处理。下面是利用jQuery实现多个AJAX请求等待的完整攻略。 基本使用方法 1. 创建多个deferred对象 我们可以使用jQ…

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