ホームページ > 記事 > ウェブフロントエンド > jQueryで正規表現を使う方法
jQueryで正規表現を使う方法
- coldplay.xixiオリジナル
- 2020-12-11 11:26:292982ブラウズ
jquery の規則性で使用されるメソッド: 1. ユーザーのパスワード、コードは [/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/]; 2. 電子メール、コードは [/^[\w-] (\.[\w-] )*@[\w-] (\.[\w-] ) $/] です。
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) その他の一般的に使用される検証: Baidu#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>
関連する無料学習の推奨事項:
javascript以上がjQueryで正規表現を使う方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。