首頁 > web前端 > js教程 > jquery如何使用正規

jquery如何使用正規

coldplay.xixi
發布: 2023-01-04 09:36:54
原創
2984 人瀏覽過

jquery正規使用的方法:1、使用者密碼,代碼為【/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/】;2、郵件,代號為【/^[\w-] (\.[\w-] )*@[\w-] (\.[\w-] ) $/】。

jquery如何使用正規

本教學操作環境:windows7系統、jquery3.2.1版本、thinkpad t480電腦。

推薦:jquery影片教學

#jquery正規使用的方法:

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(&#39;ok&#39;);
            }else{
                alert(&#39;wrong&#39;);
            }
        });
        // 邮件
        $("#check_email").click(function(){
            var str = $("#t_email").val();
            var ret = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
            if(ret.test(str)){
                alert(&#39;ok&#39;);
            }else{
                alert(&#39;wrong&#39;);
            }
        });
        // 手机
        $("#check_phone").click(function(){
            var str = $("#t_phone").val();
            var ret = /^[\d]{5,20}$/;
            if(ret.test(str)){
                alert(&#39;ok&#39;);
            }else{
                alert(&#39;wrong&#39;);
            }
        });
    });
</script>
</html>
登入後複製

相關免費學習推薦:javascript(影片)

#

以上是jquery如何使用正規的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板