实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)

实用的JS正则表达式

正则表达式是对字符串操作的一种极其强大的工具。在JavaScript中,正则表达式同样也是非常重要和常用的。本文将会讲解一些常用的正则表达式及其匹配规则。

1. 手机号正则表达式

手机号正则表达式的匹配规则如下:

/^1[3456789]\d{9}$/

其中:

  • ^ 表示字符串开始位置;
  • 1 表示以数字1开始;
  • [3456789] 中括号内表示匹配3、4、5、6、7、8、9 中的任意一个数字;
  • \d 表示任意一个数字;
  • {9} 表示匹配前面的数字规则九次;
  • $ 表示字符串结束位置。

示例代码:

function isPhoneNumber(number) {
  return /^1[3456789]\d{9}$/.test(number);
}

console.log(isPhoneNumber('13600001111')); // true
console.log(isPhoneNumber('10000000000')); // false

2. IP地址正则表达式

IP地址正则表达式的匹配规则如下:

/^(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)$/

其中:

  • ^ 表示字符串开始位置;
  • (25[0-5]|2[0-4]\d|[01]?\d\d?) 表示匹配IP地址中的每一组数字,该部分匹配规则如下:
  • 25[0-5] 表示匹配25~255之间的任意数字;
  • 2[0-4]\d 表示匹配200~249之间的任意数字,以及200~255之间的任意两位数字;
  • [01]?\d\d? 表示匹配0~199之间的任意数字。
  • \. 表示匹配一个.字符;
  • $ 表示字符串结束位置。

示例代码:

function isIPAddress(ip) {
  return /^(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)$/.test(ip);
}

console.log(isIPAddress('192.168.0.1')); // true
console.log(isIPAddress('10.0.0.256')); // false

3. 邮政编码正则表达式

邮政编码正则表达式的匹配规则如下:

/^[0-9]{6}$/

其中:

  • ^ 表示字符串开始位置;
  • [0-9] 表示匹配任意一个数字;
  • {6} 表示匹配前面的数字规则六次;
  • $ 表示字符串结束位置。

示例代码:

function isPostalCode(code) {
  return /^[0-9]{6}$/.test(code);
}

console.log(isPostalCode('100000')); // true
console.log(isPostalCode('1234567')); // false

4. 电话号码正则表达式

电话号码正则表达式的匹配规则如下:

/^0\d{2,3}-?\d{7,8}$/

其中:

  • ^ 表示字符串开始位置;
  • 0 表示以数字0开始;
  • \d{2,3} 表示匹配电话区号,该部分匹配规则如下:
  • {2,3} 表示匹配前面的数字规则两次或三次;
  • -? 表示匹配0个或1个-字符;
  • \d{7,8} 表示匹配电话号码,该部分匹配规则如下:
  • {7,8} 表示匹配前面的数字规则七次或八次;
  • $ 表示字符串结束位置。

示例代码:

function isPhoneNumber(number) {
  return /^0\d{2,3}-?\d{7,8}$/.test(number);
}

console.log(isPhoneNumber('010-12345678')); // true
console.log(isPhoneNumber('01012345678')); // true
console.log(isPhoneNumber('18200001111')); // false

结语

以上就是本文对于实用的JS正则表达式的讲解。正则表达式在前端开发中是一个非常重要的知识点,希望大家能够通过本文,对正则表达式有更深入的了解。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等) - Python技术站

(0)
上一篇 2023年5月19日
下一篇 2023年5月19日

相关文章

  • Javascript迭代、递推、穷举、递归常用算法实例讲解

    Javascript 迭代、递推、穷举、递归常用算法实例讲解 在Javascript编程中,经常需要使用迭代、递推、穷举、递归等算法来解决问题。下面将分别介绍这几种算法,并结合示例说明。 迭代算法 迭代算法顾名思义就是一种重复执行某种操作的算法,通常采用循环结构实现。迭代算法的最大优点就是效率高,但需要注意边界条件的控制。 下面是一个求阶乘的迭代算法示例: …

    JavaScript 2023年5月27日
    00
  • JavaScript中的splice方法用法详解

    当我们需要对数组进行插入、删除、替换操作时,可以使用JavaScript中的 splice() 方法。下面详细讲解一下splice方法的用法: 语法 array.splice(index,howmany,item1,…..,itemX) 参数说明 index:起始位置,从哪个位置开始修改数组。必须是数字,可以是 0 或任何正整数或负整数。如果为负数,则表…

    JavaScript 2023年5月27日
    00
  • 原生JavaScript实现Ajax异步请求

    原生JavaScript实现Ajax异步请求的攻略如下: 原生JavaScript实现Ajax异步请求步骤 创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); 设置请求的方法、URL以及是否为异步请求 xhr.open(‘GET’, ‘example.com/data.json’, true); 监听XMLH…

    JavaScript 2023年6月11日
    00
  • Extjs表单常见验证小结

    接下来我将讲解“Extjs表单常见验证小结”的完整攻略,包含以下几个方面: 表单验证的基本原理 在Extjs中,表单验证的基本原理是通过添加验证器(validator)或正则表达式(regex)来实现。当用户在表单中输入数据时,系统会根据设置的验证规则来检查数据是否符合要求。如果不符合要求,系统会提示错误信息。 常见的表单验证 2.1 必填项验证 在Extj…

    JavaScript 2023年6月10日
    00
  • Javascript闭包使用场景原理详细

    Javascript闭包是一种有趣且强大的特性,它可以允许您在Javascript中创建私有变量、模拟类等操作。下面我们来详细讲解Javascript闭包的使用场景原理: 什么是Javascript闭包 Javascript闭包是指在一个函数内定义的函数可以访问外部函数的变量。具体来说,内部函数可以访问外部函数的参数、变量、函数或对象,即使外部函数已经返回了…

    JavaScript 2023年6月10日
    00
  • javascript开发随笔一 preventDefault的必要

    JavaScript开发随笔一:preventDefault的必要 在JavaScript开发中,我们经常会用到一些DOM操作,例如点击超链接跳转页面,提交表单等。但是有些时候,我们可能会需要改变这些默认行为,比如说:阻止页面跳转,防止表单提交。 这个时候,我们就需要用到事件对象的preventDefault()方法。这个方法可以阻止元素默认的行为,从而实现…

    JavaScript 2023年6月11日
    00
  • JavaScript框架编程第1/2页

    这篇攻略主要介绍了JavaScript框架编程的概念和基础知识,在第1/2页中,主要涉及了以下内容: 一、什么是JavaScript框架 JavaScript框架是开发人员使用的一系列JavaScript代码,其目的是简化和标准化web开发的过程。通过使用框架,开发人员可以快速地创建高质量的web应用程序,而不必从头开始构建每个功能。 二、常用的JavaSc…

    JavaScript 2023年5月18日
    00
  • js用Date对象的setDate()函数对日期进行加减操作

    下面是js用Date对象的setDate()函数对日期进行加减操作的完整攻略: 1. setDate()函数简介 setDate()函数是Date对象自带的一个函数,用于设置Date对象所代表的日期中的天数部分。setDate()函数的具体语法是: Date.setDate(dayValue) 其中dayValue是一个数值,代表要设置的天数。当dayVal…

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