jQuery正则的使用方法步骤详解

以你之姓@ 2022-07-13 06:16 32阅读 0赞

本文主要和大家分享的就是jQuery学习中正则的使用，正则在jquery里面并没有比javascript多哪些知识，基本上是一样的，只是选择器更好了一点，一起来看看吧。

**基础正则**

**1、正则表达式的创建**

a) var checkNum = /^\[A-Za-z0-9\]+$/;

b) var re=new RegExp(“\["+s1+"\]“,”g”);

**2、常用规则**

a) 用户密码：/^\[a-zA-Z\]\[a-zA-Z0-9\_\]\{5,20\}$/

b) 邮件:/^\[\\w-\]+(\\.\[\\w-\]+)\*@\[\\w-\]+(\\.\[\\w-\]+)+$/

c) 手机:/^\[\\d\]\{5,20\}$/

d) 其它常用验证:请百度

**3、方式：test**

**案例**

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>jquery ajax</title>

<script type="text/javascript" src="public/js/jquery-2.2.3.min.js"></script>

</head>

<body>

<form action="">

<label>用户名：</label><span id="check\_username">检测</span>

<input type="text" id="t\_username" placeholder="请输入"/>

<hr/>

<label>邮箱：</label><span id="check\_email">检测</span>

<input type="text" id="t\_email" placeholder="请输入"/>

<hr/>

<label>手机：</label><span id="check\_phone">检测</span>

<input type="text" id="t\_phone" placeholder="请输入"/>

<hr/>

</form>

</body>

<script>

$(function () \{

// 用户名

$("\#check\_username").click(function()\{

var str = $("\#t\_username").val();

var ret = /^\[a-zA-Z\]\[a-zA-Z0-9\_\]\{5,20\}$/;

if(ret.test(str))\{

alert('ok');

\}else\{

alert('wrong');

\}

\});

// 邮件

$("\#check\_email").click(function()\{

var str = $("\#t\_email").val();

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

if(ret.test(str))\{

alert('ok');

\}else\{

alert('wrong');

\}

\});

// 手机

$("\#check\_phone").click(function()\{

var str = $("\#t\_phone").val();

var ret = /^\[\\d\]\{5,20\}$/;

if(ret.test(str))\{

alert('ok');

\}else\{

alert('wrong');

\}

\});

\});

</script>

</html>

效果演示图

![Center][]

原文链接：[http://www.maiziedu.com/wiki/jquery/regular/][http_www.maiziedu.com_wiki_jquery_regular]

[Center]: /images/20220713/84a5d14c87e141b9998acdcb0f9ffabc.png
[http_www.maiziedu.com_wiki_jquery_regular]: http://www.maiziedu.com/wiki/jquery/regular/

发表评论取消回复

表情：

评论列表（有 0 条评论，32人围观）

还没有评论，来说两句吧...

相关阅读

相关【jquery】常用的正则表达式

文章目录 jquery API中的常用正则表达式其他一些正则表达式 //判断输入的如果是数字和英文组合，那么只能为6-16个字符，如果是中文，只

迷南。/ 2023年03月01日 10:54/ 0 赞/ 70 阅读

相关 shell中正则表达式详解_Shell if中的正则表达式使用详解

由于工作需要对用户提交的数据进行验证，这是一个简单的日期正则验证实例，有需要了解的同学可参考。 shell中的if语句需要做一个正则判断,查了一下语法记录之。 DATEPA

秒速五厘米/ 2022年12月31日 11:21/ 0 赞/ 166 阅读

相关 js正则表达式使用详解

正则表达式正则表达式（Regular Expression），在代码中常简写为 regex、regexp或RE。使用单个字符串来描述、匹配一系列符合某个句法规则的字符串

秒速五厘米/ 2022年09月10日 08:10/ 0 赞/ 167 阅读

相关 jQuery正则的使用方法步骤详解

本文主要和大家分享的就是jQuery学习中正则的使用，正则在jquery里面并没有比javascript多哪些知识，基本上是一样的，只是选择器更好了一点，一起来看看吧。基础

以你之姓@/ 2022年07月13日 06:16/ 0 赞/ 33 阅读

相关 JQuery正则验证

常用的一些JQuery正则验证 function checkIshanzi(s) { //var patrn = /^[\u2E80-\u9FF

叁歲伎倆/ 2022年06月13日 05:23/ 0 赞/ 253 阅读

相关 Ruby 正则表达式（三）——使用正则表达式的方法

sub方法与gsub方法 sub方法与gsub方法作用是用指定的字符置换字符串中的某部分字符。 sub与gsub方法都有两个参数。第一个参数用于指定希望匹配的正则表达

骑猪看日落/ 2022年06月13日 04:57/ 0 赞/ 258 阅读

相关 js正则中方法的使用

RegExp对象的方法： 1.exec():该方法用于检索字符串中的正则表达式的匹配。返回包含第一个匹配项信息的数组。如果未找到匹配，返回 null。在数组中，第一

叁歲伎倆/ 2022年06月08日 00:38/ 0 赞/ 142 阅读

相关 java中的正则表达式使用详解

正则表达式的概念：正则表达式是一个字符串，使用单个字符串来描述、用来定义匹配规则，匹配一系列符合某个句法规则的字符串。在开发中，正则表达式通常被用来检索、替换

朱雀/ 2022年04月03日 02:48/ 0 赞/ 288 阅读

相关正则方法

> 1、正则对象 > > exec() 检索 > test() 匹配 > > 2、字符串 > > search() 搜索 > replace()

秒速五厘米/ 2021年09月18日 23:28/ 0 赞/ 279 阅读

相关正则表达式使用详解

[正则表达式使用详解（转贴）][Link 1] > 如果我们问那些UNIX系统的爱好者他们最喜欢什么，答案除了稳定的系统和可以远程启动之外，十有八九的人会提到正则表达式；

快来打我*/ 2021年07月20日 13:36/ 0 赞/ 444 阅读