手机版

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

时间:2021-09-06 来源:互联网 编辑:宝哥软件园 浏览:

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

基础正则

1、正则表达式的创建

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、方式:测试

案例

!DOCTYPE html html head meta charset=' UTF-8 ' title jquery Ajax/title script type=' text/JavaScript ' src=' http : public/js/jquery-2。2 .3 .量滴js '/script/head dyform操作=' label '用户名:/labelspan id='check_username '检测/span输入类型='text' id='t_username '占位符='请输入/hr/标签邮箱:/labelspan id='check_email '检测/span输入类型='text' id='t_email '占位符='请输入/hr/标签手机:/labelspan id='check_phone '检测/span输入类型='text' id='t_phone '占位符='请输入/HR//表单/正文脚本$(function(){//用户名$('#check_username ').单击(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('错误');} });//邮件$('#check_email ').单击(function(){ var str=$('#t_email ').val();var ret=/^[\w-] (\ .[\w-] )*@[\w-] (\ .[\ w-])$/;if(ret。test(str)){ alert(' ok ');}else{ alert('错误');} });//手机$('#check_phone ').单击(function(){ var str=$('#t_phone ').val();var ret=/^[\d]{5,20}$/;if(ret。test(str)){ alert(' ok ');}else{ alert('错误');} });});/script/html效果演示图

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

版权声明:jQuery正则表达式的使用方法步骤详解是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。