路由器

电脑

手机

网络

怎么样能够使用jQuery正则表达式？

来源：www.45fan.com  2017-01-06 12:26:37

怎么样能够使用jQuery正则表达式？

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

基础正则

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('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正则表达式的使用方法步骤详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对路饭网站的支持！

推荐阅读