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>

效果演示圖

 

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM