cari

Rumah >hujung hadapan web >tutorial js >jquery如何使用正则

jquery如何使用正则

coldplay.xixi
coldplay.xixiasal
2020-12-11 11:26:292986semak imbas

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（视频）

Atas ialah kandungan terperinci jquery如何使用正则. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery如何判断浏览器是否是ie6Artikel seterusnya：react中qs是什么

Artikel berkaitan

Lihat lagi