jquery - 正则表达式

最新推荐文章于 2024-06-18 10:02:03 发布
最新推荐文章于 2024-06-18 10:02:03 发布
阅读量720 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ifubing/article/details/95604005
版权

》正则表达式

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

》正则不需要jquery的支持

直接使用原生的js就可以了

以面向对向的方式来创建

》正则的定义

在这里插入图片描述
匹配字符a，

在这里插入图片描述
匹配a，忽略大小写

用/来定义

在这里插入图片描述

》例子

匹配字符串a，成功弹出true

在这里插入图片描述

》不存在的弹出false

在这里插入图片描述

》转义的匹配

在这里插入图片描述

例，匹配一个数字

在这里插入图片描述

本例中，只要有数字存在就成功

弹出了true

只匹配一个

例子，匹配多个数字，要求全部是数字

在这里插入图片描述

用到了匹配开头，匹配结尾，匹配一个或多个，匹配数字

结果，如果不是纯数字就会报false

试一试，如果数字中间有英文的情况

》 试一试忽略大小写

在这里插入图片描述
当前的结果是false

如果把正则式对象加上一个参数i，就可以忽 略大小写

在这里插入图片描述

》常用正则规则

在这里插入图片描述

》目标例子

在这里插入图片描述

输入内容以后，对内容进行验证，然后弹出对应的提示

功能代码

在这里插入图片描述

网页的结构

在这里插入图片描述

》重头写下

在这里插入图片描述

接下来对这个值进行验证了

如果用户输入的是空的。那么就提示用户名不能为空

让隐藏的标签先获得值，然后显示

在这里插入图片描述

如果用户输入的内容不为空，就需要对数据进行验证了

定义正则的规则

在这里插入图片描述

当前的bug

文本框获得焦点时，提示信息应该为空

在这里插入图片描述

》阻止表单的提交

上面的例子可以对文本框内的内容进行验证

如果验证不合格，应该阻止表单的提交行为

在表单的提交事件中对判断的结果验证

如果结果不符合要求，那么就阻止提交

return false，阻止表单的提交

在这里插入图片描述

鲸鱼编程pyhui
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
jQuery基于正则表达式的表单验证功能示例
10-20
在介绍jQuery基于正则表达式的表单验证功能示例时，本文重点介绍了在表单验证中如何应用正则表达式来实现对用户输入的校验。正则表达式是一种强大的文本处理工具，它提供了一种灵活且准确的方法来匹配字符串中符合...
jQuery中的正则表达式
易始的博客
07-02 5387
1、什么是正则表达式： 能让计算机读懂的字符串匹配规则。 2、正则表达式的写法： var re=new RegExp('规则', '可选参数'); var re=/规则/修饰参数; 3、规则中的字符 1）普通字符匹配： 如：/a/ 匹配字符 ‘a’，/a,b/ 匹配字符 ‘a,b’ 2）转义字符匹配： \d 匹配一个数字，即0-9 \D 匹配一个非数字，即除了0-9 \w 匹配一个单词字符（字母、数字、下划线） \W 匹配任何非单词字符。等价于[^A-Za-z0-9_] \s 匹配..
jQuery之常见正则表达式整理与归纳【非常重要】
林大侠
08-12 2037
1.什么是正则表达式？ 正则表达式是对字符串操作的一种逻辑公式，就是事先定义好的一些特定字符以及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式（Regular Expression）又称规则表达式。 2.基本语法 <font size=3 color=red>var reg = /^[规则字符]{n,m}$/;</font...
Jquery 正则匹配字母、数字、-
csdn565973850的博客
06-18 367
简要简述Jquery正则基础用法
jquery常见正则表达式
shooting_stars_的博客
10-25 2066
常见的 JQuery 正则表达式以及验证方法 常见的正则表达式   一、校验数字的表达式  1 数字：^[0-9]*$  2 n位的数字：^\d{n}$  3 至少n位的数字：^\d{n,}$  4 m-n位的数字：^\d{m,n}$  5 零和非零开头的数字：^(0|[1-9][0-9]*)$  6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?...
JQuery 常用正则表达式
weixin_37900078的博客
05-05 2535
一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2...
Jquery中的正则表达式
二哈
01-18 1万+
1. 在使用表单提交数据的时候由于输入的数据可能不合法，所以在表单提交或者文本框发生变化的时候来校验数据是否符合规定的要求，假如不符合要求，那么需要提示错误信息给用户，让用户重新输入，并且return false让表单不能够提交到控制器中 2. 这里我们使用Jquery来调用表单文本框内容改变的监听函数：change()，当文本框内容改变的时候进行数据校验，所以这里涉及到了正则表达式的书写，下面...
jquery使用正则表达式验证email地址的方法
11-29
本文实例讲述了jquery使用正则表达式验证email地址的方法。分享给大家供大家参考。具体实现方法如下： 复制代码 代码如下:<html> <head> <title>jquery使用正则表达式验证email地址</title>...
jQuery使用正则表达式限制文本框只能输入数字
10-22
通过jQuery结合正则表达式，开发者可以实现这一需求，同时解决浏览器兼容性问题。 首先，基本思路是通过监听文本框的键盘事件来实时地验证用户输入。在jQuery中，`keyup`事件是一个常用的选择，它在用户释放键盘键...
Jquery Validate 正则表达式实用验证代码大全
01-19
以下为引用内容： 代码如下:jQuery.validator.addMethod(“mobile”, function(value, element) { var length = value.length; var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/ return this.optional(element...
jQuery中校验时间格式的正则表达式小结
12-10
本文将深入探讨如何使用正则表达式来校验时间格式，并以jQuery为例，展示具体实现方法。 首先，我们关注的核心正则表达式是`/^([0-2][0-9]):([0-5][0-9]):([0-5][0-9])$/`。这个正则表达式用于检查输入的时间字符串...
jquery常用的正则表达式
04-09
常用的正则表达式 1、非负整数：^\d+$ 2、正整数：^[0-9]*[1-9][0-9]*$ 3、非正整数：^((-\d+)|(0+))$ 4、负整数：^-[0-9]*[1-9][0-9]*$ 5、整数：^-?\d+$ 6、非负浮点数：^\d+(\.\d+)?$
jquery如何使用正则
juwuyou的博客
12-18 1408
jquery正则使用的方法：1、用户密码，代码为【/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/】；2、邮件，代码为【/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/】。 本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。 推荐：jquery视频教程 jquery正则使用的方法： 1、正则表达式的创建 a) var checkNum = /^[A-Za-z0-9]+$/; b) var re=new RegExp(“["+
JQuery 正则表达式
热门推荐
ghostmac的专栏
06-13 6万+
调用:var checkNum = /^[A-Za-z0-9]+$/;checkNum.test($(this).val());  1.非负整数         /^/d+$/     2.正整数           /^[0-9]*[1-9][0-9]*$/     3.非正整数       /^((-/d+)|(0+))$/     4.负整数      
基于JQ的表达式
一杯米酒
06-27 376
jq是一个灵活性极强的json处理库，支持丰富的表达式，对于多数据适配场景来说具有很大作用。官方语法教程 https://jqlang.github.io/jq/manual/cmd 中无需外部 引号，powershell则需要引号，无需echo。windows与 cmd 与powershell略有不同。如通过java调用jq命令可参考如下类。
JQuery正则表达式
weixin_34273479的博客
06-04 123
1.非负整数 /^\d+$/ 2.正整数 /^[0-9]*[1-9][0-9]*$/ 3.非正整数 /^((-\d+)|(0+))$/ 4.负整数 /^-[0-9]*[1-9][0-9]*$/ 5.整数 /^-?\d+$/ 6.非负浮点数 /...
处理JSON最强命令jq使用详解
w727655308的博客
11-08 1万+
jq命令 json 处理json
正则表达式
LygTom的博客
08-04 485
js正则表达式
jquery常用见的正则表达式
iteye_7923的博客
07-09 256
quickexpr = /^(?:[^&lt;]*(&lt;[ww]+&gt;)[^&gt;]*$|#([w-]+)$)/ (?:…)表示是一个非捕获型 [^&lt;]表示是以"&lt;"起始，包含0个或多个'&lt;'括号 (&lt;[ww]+&gt;)表示是一个捕获型，以'&lt;&gt;'起始，中间包含一个或多个字符 $表示字符的结尾 (#([w-]+))表示是一个捕获型，以'#'号和字符..
jquery 正则表达式
最新发布
07-06
它本身并不是直接用于编写正则表达式的，但在使用 jQuery 进行DOM操作时可能会用到字符串处理，这时候可能会涉及到对字符串内容进行模式匹配。 例如，在过滤或选择元素时，你可以结合字符串的正则表达式功能来查找...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鲸鱼编程pyhui

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值