jQueryで正規表現を使う方法-jsチュートリアル-php.cn

jQueryで正規表現を使う方法

coldplay.xixi

リリース： 2023-01-04 09:36:54

オリジナル

2987 人が閲覧しました

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) その他の一般的に使用される検証: Baidu#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