jQuery正则的使用

最新推荐文章于 2021-10-10 22:59:46 发布
最新推荐文章于 2021-10-10 22:59:46 发布
阅读量46 收藏
点赞数
原文链接：http://www.cnblogs.com/wangpei/p/6647230.html
版权

转自：http://www.maiziedu.com/wiki/jquery/regular/

基础正则

 

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>

 

效果演示图

 

 

转载于:https://www.cnblogs.com/wangpei/p/6647230.html

weixin_30375247
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery 常用正则表达式
weixin_37900078的博客
05-05 2359
一、校验数字的表达式 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如何使用正则
juwuyou的博客
12-18 1393
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中的正则表达式
易始的博客
07-02 5342
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正则表达式的使用方法步骤详解
12-13
本文主要和大家分享的就是jQuery学习中正则的使用，正则在jquery里面并没有比JavaScript多哪些知识，基本上是一样的，只是选择器更好了一点，一起来看看吧。 基础正则 1、正则表达式的创建 a) var checkNum = /^[A-...
jQuery正则验证注册页面经典实例
10-19
主要介绍了jQuery正则验证注册页面功能,涉及针对用户名、密码、邮箱、手机号等的正则验证操作技巧,需要的朋友可以参考下
jquery正则表单验证
06-01
jquery正则表单验证
jQuery中校验时间格式的正则表达式小结
12-10
代码中用到了jQuery,传入的参数是jQuery选择的input对象.原理：先用正则匹配，再提取时分秒，看其是否在正常的范围内。 代码如下:/** * 检测时间是否符合格式 * @param {Object} timeTextBox */function check...
jquery中正则表达式的用法
u014022865的博客
10-27 3721
var reg_char=/^[a-z,A-Z]+$/;//字符约束 var reg_int=/^[0-9]+$/;//数字约束 if(!reg_int.test($password)){ //console.log("输入错误"); $('#password').addClass('has-error'); $('#password span').text("密码只能由数字组成");
Jquery中的正则表达式
热门推荐
二哈
01-18 1万+
1. 在使用表单提交数据的时候由于输入的数据可能不合法，所以在表单提交或者文本框发生变化的时候来校验数据是否符合规定的要求，假如不符合要求，那么需要提示错误信息给用户，让用户重新输入，并且return false让表单不能够提交到控制器中 2. 这里我们使用Jquery来调用表单文本框内容改变的监听函数：change()，当文本框内容改变的时候进行数据校验，所以这里涉及到了正则表达式的书写，下面...
jQuery正则的使用方法步骤详解
lidiya007的博客
12-28 1385
本文主要和大家分享的就是jQuery学习中正则的使用，正则在jquery里面并没有比javascript多哪些知识，基本上是一样的，只是选择器更好了一点，一起来看看吧。 基础正则 1、正则表达式的创建 a) var checkNum = /^[A-Za-z0-9]+$/; b) var re=new RegExp(“["+s1+"]“,”g”); 2、常用规则 a) 用户密码：/^[a
Jquery中使用正则表达式
bulote
01-26 560
//验证邮箱的正则表达式 var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; //判断 if(!reg.test($('#txtEmail').val())) { alert("邮箱格式不对"); return false; }...
jquery 替换使用正则
tanqingfu1的博客
08-29 1137
// 原始昵称 let oldHtml = VestAccountName; // 获取新标题 let texts = oldHtml; // 获取要查询的正则（全局匹配不区分大小写） let allVal = oldHtml.match(new RegExp(key, 'ig')); // 当正则匹配的字符串存在时 if (...
jquery常见的正则表达式
时光凉 春衫薄
02-16 3910
常见的正则表达式 转自这位老哥的博客 https://www.cnblogs.com/Vayne-N/p/8094634.html 使用案例，注意要加上斜杠  /    / var r2= /^.{6,30}$/; if(r2.test(password1)==false){ alert("为了您账号安全，密码至少6位"); return; } 一、校验数字的表达式 ...
JQ正则使用
Recently祝祝的博客
10-10 282
一： 重点 HTML: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用正则表达式验证注册页面</title> <link rel="stylesheet" href="css/register.css"> <script type="text/javascript" src="../js/jquery-1.8
jQuery正则表达式
最新发布
05-07
在 jQuery 中，我们可以使用正则表达式进行文本匹配和替换。其中，常用的正则表达式函数包括： 1. `.test()`：用于测试字符串是否匹配某个模式，返回 true 或 false。 2. `.match()`：用于在字符串中查找符合某个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值