本文主要和大家分享的就是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>

效果演示图

原文链接：http://www.maiziedu.com/wiki/jquery/regular/

jQuery正则的使用方法步骤详解的更多相关文章

  1. Node.js在不同平台的安装方法步骤详解

    Mac平台下搭建node.js开发平台 安装方式 1 步骤: 下载mac版的.pkg文件(简单直接和Windows差不多) 安装方式 2 步骤: 安装xcode(命令:xcode-select --i ...

  2. jQuery.extend()、jQuery.fn.extend()扩展方法示例详解

    jQuery自定义了jQuery.extend()和jQuery.fn.extend()方法.其中jQuery.extend()方法能够创建全局函数或者选择器,而jQuery.fn.extend()方 ...

  3. jquery sortable的拖动方法示例详解1

    转自:https://www.jb51.net/article/45803.htm 所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象 ui.helper ...

  4. jquery sortable的拖动方法示例详解

    转自:https://hb-keepmoving.iteye.com/blog/1154618 所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象   u ...

  5. vue-cli搭建项目引入jquery和jquery-weui步骤详解

    vue简介 Vue.js 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用. Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合 ...

  6. jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解

    jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解 jQuery中操纵元素属性的方法: attr(): 读或者写匹配元素的属性值. removeAttr(): 从匹配的 ...

  7. JQuery动画animate的stop方法使用详解

    JQuery动画animate的stop方法使用详解 animate语法: 复制代码 代码如下: $(selector).animate(styles,speed,easing,callback) 复 ...

  8. ajax方法参数详解与$.each()和jquery里面each方法的区别

    JQuery中$.ajax()方法参数详解 url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为g ...

  9. 【转】JQuery上传插件Uploadify使用详解及错误处理

    转自:http://www.jb51.net/article/43498.htm 关于JQuery上传插件Uploadify使用详解网上一大把,基本上内容都一样.我根据网上的步骤配置完成后,会报一些错 ...

随机推荐

  1. STL—Vector简介

    有关C++ STL 中的vector向量的用法(代码示例) 一. 简介 Vector是一个称为向量的顺序容器(不明白顺序容器与关联容器的可以Google). 二. 特点 1. 动态(相当于一个动态数组 ...

  2. Prime Time使用

    PrimeTime一般用作sign off的timing check,也可用在DC之后的netlist的timing analysis 一般的使用流程: 1) Read design data,--- ...

  3. CentOS7上部署MONO和Jexus

    一:安装MONO 首先通过putty连接上linux,我这里的linux版本为CentOS,连上后首先执行: rpm --import "http://keyserver.Ubuntu.co ...

  4. C++之动态数组

    C99支持一种名为变长数组的结构来方便程序员.C++也提供了一种长度可在程序运行时确定的数组类型:动态数组.声明格式为:(声明 int 类型的数组) ; //此处可修改 ArraySize 的值 in ...

  5. C++多级指针与多维数组详细介绍

    多级指针的概念 多级指针可对应于多维数组,这种指针变量中存的是另一个指针变量的地址,其说明如下:    int val=10;    int *ptr=&val;    int **pptr= ...

  6. Android学习笔记 - BitmapFun解析

    如果图片资源是静态的,当我们要在View上显示图片时,只需要简单的将图片赋值给ImageView就可以了,但如果需要浏览网络上的图片时该如何做呢?有可能图片很大,有可能网速很慢并且不稳定,这种情况下该 ...

  7. WEB进度条控件

    近段时间为了工作的需要学习了一下写自定义控件,呵呵!以前没写过,近段时间才开始研究的,昨天写了一个WEB状态条控件,可以设置进度条的百分比,也可以设置它的总数与当前的数量来自动计算百分比,可以设置颜色 ...

  8. YbSoftwareFactory 代码生成插件【十九】：实体类配合数据库表字段进行属性扩展的小技巧

    实体类通常需要和数据库表进行了ORM映射,当你需要添加新的属性时,往往同时也需要在数据库中添加相应的字段并配置好映射关系,同时可能还需对数据访问组件进行重新编译和部署才能有效.而当你开始设计一个通用数 ...

  9. 初学Objective-C语言需要了解的星星点点

             其实大多数开发初学者都有一些相同的特点,可以说是一种“职业病”.Most有其他平台开发基础的初学者,看到Xcode就想摩拳擦掌:看到Interface Builder就想跃跃欲试:而 ...

  10. 手动建库时一个小错误：ORA-32004: obsolete or deprecated parameter(s) specified for RDBMS instance

    此前执行了CREATE SPFILE FROM MEMORY.  重新使用SPFILE启动时,出错如下: SYS@ bys3>startup ORA-32004: obsolete or dep ...