jquery如何使用正規-js教程-PHP中文網

jquery如何使用正規

coldplay.xixi

發布： 2023-01-04 09:36:54

原創

2951 人瀏覽過

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>

登入後複製