Jquery에서 정규식을 사용하는 방법-JS 튜토리얼-php.cn

Jquery에서 정규식을 사용하는 방법

coldplay.xixi

풀어 주다： 2023-01-04 09:36:54

원래의

2950명이 탐색했습니다.

일반 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]+$/;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}$/

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) 일반적으로 사용되는 기타 검증: Baidu3. 방법: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!