gpt4 book ai didi

jQuery正则表达式的使用方法步骤详解

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 25 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章jQuery正则表达式的使用方法步骤详解由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

 本文主要和大家分享的就是jQuery学习中正则的使用,正则在jquery里面并没有比JavaScript多哪些知识,基本上是一样的,只是选择器更好了一点,一起来看看吧.

基础正则 。

1、正则表达式的创建 。

?
1
2
a) var checkNum = /^[A-Za-z0-9]+$/;
b) var re= new RegExp(“[ "+s1+" ]“,”g”);

2、常用规则 。

?
1
2
3
4
a) 用户密码:/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/
b) 邮件:/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/
c) 手机:/^[\d]{5,20}$/
d) 其它常用验证:请百度

3、方式:test 。

案例 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!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( 'ok' );
       } else {
         alert( 'wrong' );
       }
     });
     // 邮件
     $( "#check_email" ).click( function (){
       var str = $( "#t_email" ).val();
       var ret = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
       if (ret.test(str)){
         alert( 'ok' );
       } else {
         alert( 'wrong' );
       }
     });
     // 手机
     $( "#check_phone" ).click( function (){
       var str = $( "#t_phone" ).val();
       var ret = /^[\d]{5,20}$/;
       if (ret.test(str)){
         alert( 'ok' );
       } else {
         alert( 'wrong' );
       }
     });
   });
</script>
</html>

效果演示图 。

jQuery正则表达式的使用方法步骤详解

以上所述是小编给大家介绍的jQuery正则表达式的使用方法步骤详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我网站的支持! 。

原文链接:http://www.maiziedu.com/wiki/jquery/regular/ 。

最后此篇关于jQuery正则表达式的使用方法步骤详解的文章就讲到这里了,如果你想了解更多关于jQuery正则表达式的使用方法步骤详解的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com