jQuery正则的使用

转自: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>

效果演示图

时间: 03-27

jQuery正则的使用的相关文章

统一的表单验证(jquery+正则)

表单验证一直很繁琐,特别是大点的表单,如果每个input都去单独写验证简直要写死人,最近写了一小段js统一的验证表单内容是否正确. 使用这段代码就不再需要对每个input写格式判断,只需要将正确格式的正则表达式写在datatype里就可以了,提交表单按钮也只需要绑定checkForm函数就可以了. 大家有什么建议可以评论一下 <input type="text" datatype=“正则”/> //作者www.cumt.top //表单验证 //点击下一步事件 functi

JQuery正则验证

比较常用的: function checkIshanzi(s) { //var patrn = /^[\u2E80-\u9FFF]$/; //Unicode编码中的汉字范围 /[^\x00-\x80]/ var patrn = /[^\x00-\x80]/; if (!patrn.exec(s)) return false return true } //校验登录名:只能输入4-20个以字母开头.可带数字."_"."."的字串 function checkIsReg

jquery学习(四)-如何书写自定义的jquery插件

来自锋利的jquery第二版 下面我们开始介绍如何通过现有的方法和函数,封装出既符合自己需求,有高效的插件. Jquery插件公分为3类,分别为:封装对象方法的插件.封装全局函数的插件.自定义选择器插件,在介绍插件的三种类型之前,我们先来了解书写插件的基本要点(这里转自aspwzmuma和锋利的jquery): a.插件的文件命名推荐遵循jQuery.[插件名].js的规则,以便于与其他的js文件的区分,如新插件文件jquery.newplugin.js. b.对象级别插件,所有的方法都应依附于

jquery插件的写法

一.JQuery的插件主要分为3种: 1.封装对象方法的插件. 如JQuery的parent()方法,appendTo()方法,addClass()方法等. 2.封装全局函数的插件. 如JQuery.ajax(),JQuery.trim()方法 3.选择器插件. 二.JQuery的插件机制: i.JQuery提供了两个用于扩展JQuery功能的方法,jQuery.fn.extend()方法和jQuery.extend()方法.前者用于扩展前面的提到的第一种插件,后者用于扩展后两种插件.这两个方法

《锋利的jQuery》插件的使用和写法

jQuery插件的种类 1.封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进行操作,是最常见的一种插件.此类插件可以发挥出jQuery选择器的强大优势,有相当一部分的jQuery的方法,都是在jQuery脚本库内部通过这种形式“插”在内核上的,例如parent()方法,appendTo()方法等. 2.封装全局函数 可以将独立的函数加到jQuery命名空间下.如常用的jQuery.ajax()方法.去首尾空格的jQuery.trim()方法,都是jQuery内

js jquery版本的 金额千分位转换函数(非正则,效率极高)

没想到js里面没有 金额千分位格式化的处理函数(例:1,234.01 这样的格式),网上搜了一圈,都是使用正则的方式处理的.正则的效率不敢恭维啊,又耗费资源速度又慢(虽然处理起来会直观一些). 因此专门写了一个纯数值处理最后输出字符串个 金额千分位处理函数,并封装成jQuery函数包,处理时效率很高,可高频率的使用,直接上代码.还有min压缩版本可点击连接下载. 如果你不是jQuery环境,直接把源码拿出来,重新封装到自己的函数中能够就能用. 源码以及min包下载地址:jQuery.format

jQuery 密码验证 字母加数字或符号的组合密码,不能单独使用数字、字母或字符及 常用正则

function validPsw() { var password = $(".password").val(); var num = 0; var number = 0 ; var letter = 0 ; var bigLetter = 0 ; var chars = 0 ; if (password.search(/[0-9]/) != -1) { num += 1; number =1; } if (password.search(/[A-Z]/) != -1) { num

jQuery name选择器 带正则 写法示例

$("div[id]") 选择所有含有id属性的div元素 $("input[name='target']") 选择所有的name属性等于'target'的input元素 $("input[name!='target']") 选择所有的name属性不等于'target'的input元素 $("input[name^='target']") 选择所有的name属性以'target'开头的input元素 $("input

jQuery源代码学习之六——jQuery数据缓存Data

一.jQuery数据缓存基本原理 jQuery数据缓存就两个全局Data对象,data_user以及data_priv; 这两个对象分别用于缓存用户自定义数据和内部数据: 以data_user为例,所有用户自定义数据都被保存在这个对象的cache属性下,cache在此姑且称之为自定义数据缓存: 自定义数据缓存和DOM元素/javascript对象通过id建立关联,id的查找通过DOM元素/javascript元素下挂载的expando属性获得 话不多说,直接上代码.相关思路在代码注释中都有讲解

01.一天一点JQUERY源码——定义函数

(function(window,undefined){ var rootjQuery, readyList, core_strundefined =typeof undefined, location =window.location, document =window.document, docElem =window.documentElement, _jQuery =window.jQuery, _$ = window.$, class2type = {}, //无用了 core_del