這篇文章主要介紹jquery使用正則的示例,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
jquery正則使用的方法:1、用戶密碼,代碼為【/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/】;2、郵件,代碼為【/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/】。
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('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使用正則的示例”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。