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>



效果演示图


jQuery1.png


【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

免费领取价值1888元求职宝典!

客服热线 400-862-8862

回到顶部