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

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

效果演示图

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

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

上一篇:python取余


下一篇:Qt 设置背景图片3种方法(QPalette可以做无数的事情,一旦控件指定了调色板,就要乖乖听它的话;QPainter当场绘制当然也没有问题,还有就是QSS)