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

效果演示图

jQuery正则的使用的更多相关文章

  1. jQuery正则校验

    jQuery正则校验 银行卡号 //验证银行卡号,bankno为银行卡号function luhnCheck(){ var bankno = $.trim($("#bankNoInp&quo ...

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

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

  3. js jquery 正则去空字符

    1.正则去空字符串: var str1=" a b c "; var strtrim=str1.replace(/\s/g,""); 2.js去前后空字符串: ...

  4. jQuery 正则选择器

    http://james.padolsey.com/snippets/regex-selector-for-jquery/ A while ago I published an article exp ...

  5. jquery正则常用的

    jQuery.validator.addMethod("mobilePhone",function(value,element){ return this.optional(ele ...

  6. jQuery 正则数字验证、’Money验证、电话号码验证、身份证验证、邮箱验证、网址验证、敏感字符验证

    jQuery只能输入数字 第一种写法: <input onkeyup="value=value.replace(/[^\d]/g,'')" /> 第二种写法: < ...

  7. jquery正则匹配URL地址

    JQuery代码: var regexp = /((http|ftp|https|file):\/\/([\w\-]+\.)+[\w\-]+(\/[\w\u4e00-\u9fa5\-\.\/?\@\% ...

  8. jQuery 正则

    正则 test 方法验证 var pattern = /^[A-Z]$/; //不需要引号 $('input[name="letter"]').blur(function(){ v ...

  9. JQuery正则验证

    比较常用的: function checkIshanzi(s) { //var patrn = /^[\u2E80-\u9FFF]$/; //Unicode编码中的汉字范围 /[^\x00-\x80] ...

随机推荐

  1. 神经网络：caffe特征可视化的代码例子

    caffe特征可视化的代码例子 不少读者看了我前面两篇文章 总结一下用caffe跑图片数据的研究流程 deep learning实践经验总结2--准确率再次提升,到达0.8.再来总结一下 之后.想知道 ...

  2. JAVA——泛型类和泛型方法（静态方法泛型）

    泛型类定义的泛型,在整个类中有效.如果被方法是用,那么 泛型类的对象明确要操作的具体类型后,所有要操作的类型就已经固定了. 为了让不同的方法可以操作不同类型,而且类型还不确定.那么 可以将泛型定义在方 ...

  3. java 生成GUID与UUID

      java 生成GUID与UUID CreateTime--2018年5月31日16点29分 Author:Marydon import java.util.UUID; public static ...

  4. python之获取微信access_token

    # -*- coding: cp936 -*- #python 27 #xiaodeng #获取微信access_token #办法一:将该url直接填写到浏览器地址中可以获得access_token ...

  5. Dlib机器学习指南图翻译

    原图地址 http://dlib.net/ml_guide.svg 翻译的文件 http://files.cnblogs.com/files/oloroso/ml_guide.zip

  6. PHP-SESSION深入理解

    1.浏览器窗口与SESSION间的关系 记得去年的时候网上抢手机(你懂的), 特意开两个窗口, 哪个进度快用哪个.如此到输入验证码的时候老是出错, 结果----没抢到~ 后来写了个程序, 如下: &l ...

  7. （原）InsightFace及其mxnet代码

    转载请注明出处: http://www.cnblogs.com/darkknightzh/p/8525287.html 论文 InsightFace : Additive Angular Margin ...

  8. django日志使用TimeRotateFileHandler

    如果使用django的settings.py设置日志会产生一些问题. 问题描述 报错信息如下: Traceback (most recent call last): File "C:\Pyt ...

  9. android开发学习---开发一个简易的短信发送器

    一.需求: 开发一个简易的短信发送器,输入:对方手机号码,短信内容,点击发送按钮,短信发送成功,对方手机成功收到短信. 其中要求短信内容过长时可以自动拆分,长度英文是160个英文,中文是70个,中英混 ...

  10. memcached全面剖析--3.memcached的删除机制和发展方向

    下面是<memcached全面剖析>的第三部分. 发表日:2008/7/16 作者:前坂徹(Toru Maesaka) 原文链接:http://gihyo.jp/dev/feature/0 ...