JS表单数据验证的正则表达式(常用)

yizhihongxing

让我来为您详细讲解一下JS表单数据验证的正则表达式的常用方法:

一、正则表达式简介

正则表达式(Regular Expression)是一种文本模式,用来匹配、查找和替换文本中的字符,本身并不是JavaScript专有的东西。正则表达式通常被用来检查输入的字符串是否符合指定的格式,例如验证Email、密码和手机号等。

二、JS中的正则表达式

JavaScript正则表达式是一个保留的特殊字符序列,包含一些规则和字符,用于一个字符串的搜索和替换。JavaScript中使用RegExp对象来定义正则表达式,然后使用正则表达式的方法来进行字符串的操作。以下是RegExp对象的一些方法:

1. test()方法

test()方法用于检测一个字符串是否匹配某个正则表达式,如果匹配成功,则返回true,否则返回false。

var reg = /hello/i;
var str = "Hello world!";
var res = reg.test(str);
document.write(res);  // true

2. exec()方法

exec()方法用于检索字符串中的正则表达式的匹配,如果匹配成功,则返回一个数组(包括匹配的文本、匹配开始位置、匹配结束位置等信息),否则返回null。

var reg = /hello/i;
var str = "Hello world!";
var res = reg.exec(str);
document.write(res);  // Hello

三、常用的表单数据验证正则表达式

以下是常用的表单数据验证的正则表达式:

1. 邮箱验证

var regEmail = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;

示例1:判断输入的字符串是否是合法的邮箱地址

var email = "test@test.com";
if(regEmail.test(email)){
    document.write("输入的邮箱地址合法!");
}else{
    document.write("请输入正确的邮箱地址!");
}

示例2:替换字符串中的所有邮箱地址

var str = "我的邮箱地址是test@test.com,另一个邮箱是test2@test.com。";
var res = str.replace(regEmail, "*****");
document.write(res);  //  我的邮箱地址是*****,另一个邮箱是*****。

2. 手机号验证

var regMobile = /^1[3|4|5|7|8][0-9]\d{8}$/;

示例1:判断输入的字符串是否是合法的手机号码

var mobile = "13900000000";
if(regMobile.test(mobile)){
    document.write("输入的手机号码合法!");
}else{
    document.write("请输入正确的手机号码!");
}

示例2:替换字符串中的所有手机号码

var str = "我的手机号码是13800000000,另一个手机号是13900000000。";
var res = str.replace(regMobile, "***********");
document.write(res);  //  我的手机号码是***********,另一个手机号是***********。

以上就是JS表单数据验证的常用正则表达式攻略的详细内容,希望能对您有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS表单数据验证的正则表达式(常用) - Python技术站

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

相关文章

  • javascript保留两位小数的实现方法你了解吗

    当需要在JavaScript中将一个数字保留两位小数时,通常有几种不同的方法可以实现。 方法一:使用toFixed()函数 .toFixed()函数是JavaScript中的内置函数,可以将数字转换为带有指定小数位数的字符串格式。 const num = 3.141592654; const roundedNum = num.toFixed(2); cons…

    JavaScript 2023年5月28日
    00
  • 详解javascript void(0)

    标题:详解javascript void(0) 简介 void(0) 是一个JavaScript语言中的操作符,这个方式可以用来执行一段代码却不返回任何值。通常使用 void(0) 可以防止页面被重定向,即不会跳转到新的页面。 使用方法 常见的使用场景: 在 href 属性中使用 void(0): <a href="javascript:vo…

    JavaScript 2023年5月28日
    00
  • window.location 对象所包含的属性

    前端开发中常用到window.location对象,该对象包含了当前页面的URL信息。下面详细讲解window.location对象所包含的属性及其作用: window.location.href window.location.href返回当前页面的URL地址,也可以修改该属性来跳转页面。 示例1: //返回当前页面URL console.log(wind…

    JavaScript 2023年6月11日
    00
  • Validform表单验证总结篇

    Validform表单验证总结篇 Validform是一款基于jQuery的表单验证插件。它可以实现多种类型的表单验证,包括必填项验证、数字验证、邮箱验证、手机验证等等。本文将为大家提供Validform的完整攻略,详细讲解使用Validform进行表单验证的步骤和方法。 步骤1:下载Validform 首先,需要下载Validform插件。可以在官网(ht…

    JavaScript 2023年6月10日
    00
  • javascript 对象比较实现代码

    如果要实现JavaScript对象的比较,可以使用比较运算符==和===来比较两个对象(当然,也可以使用Object.is()方法进行比较)。但是,如果是比较两个具有同样键名和键值对的对象时,这些运算符和方法都不能完成任务。因为这些运算符和方法只能比较变量存储的是对象引用,而不是对象自身。因此,我们需要使用自定义函数来比较两个对象的每个键名和键值对是否相等。…

    JavaScript 2023年5月27日
    00
  • js Date概念详细介绍

    下面为您详细讲解 “js Date概念详细介绍” 的攻略。 什么是js中的Date 在 JavaScript 中,Date 构造函数用于创建表示时间和日期的对象。js中的Date对象被广泛地应用在各种场景下,尤其是和时间相关的应用(例如网站上的日期、时间格式化显示)。 Date对象表示时间的方式的基础是自纪元(Unix 纪元,即 1970 年 1 月 1 日…

    JavaScript 2023年5月27日
    00
  • JavaScript对数字的判断与处理实例分析

    下面是对JavaScript对数字的判断与处理实例分析的详细攻略。 什么是数字 在JavaScript中,数字(Number)是基本数据类型之一,常用来表示数值。JavaScript中的数字包括整数和浮点数。 数字的类型转换 在JavaScript中,数字类型之间可以进行自动类型转换,如将整数转为浮点数,将数字转为字符串等。 另外,我们可以使用 parseI…

    JavaScript 2023年5月28日
    00
  • 深入理解react-router 路由的实现原理

    下面是深入理解react-router路由的实现原理的攻略。 1. 路由的概念 路由是指通过URL来定位到特定的页面并展示给用户的过程。在前端 SPA(单页应用)中,我们通常使用第三方库来实现路由功能,其中react-router是使用较为广泛的一种。 2. react-router的实现原理 首先,我们需要了解react-router的实现原理是基于his…

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