博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery正则的使用方法步骤详解
阅读量:4972 次
发布时间:2019-06-12

本文共 1492 字,大约阅读时间需要 4 分钟。

 

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

效果演示图

 

原文链接:

转载于:https://www.cnblogs.com/space007/p/6229200.html

你可能感兴趣的文章
在Visual Studio 2010[VC++]中使用ffmpeg类库
查看>>
POJ 1488 TEX Quotes
查看>>
如鹏网.Net基础1 第二章:C#语言基础1
查看>>
Flink的分布式缓存
查看>>
002-2电容隔直的本质
查看>>
Java中a+=b和a=a+b的区别
查看>>
codeforces-1131 (div2)
查看>>
虚拟机创建
查看>>
$Linux vi/vim编辑器常用命令与用法总结 (Markdown编辑版)
查看>>
mvc3之入门程序 第二讲
查看>>
信息安全学习笔记--XSS
查看>>
ascii
查看>>
[转]Google Guava官方教程(中文版)
查看>>
项目记事【Hibernate-1】:调用 saveOrUpdate() 方法出错
查看>>
ios系统层次
查看>>
PowerBuilder 数据窗口实例三(用户信息管理-FreeFrom风格)
查看>>
不要62
查看>>
UGUI UI层阻挡射线
查看>>
UVA 10827 Maximum sum on a torus 最大矩阵和
查看>>
python 语言特性
查看>>