ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript は RegExp_javascript ヒントを通じてクライアント側検証ハンドラーを実装します

JavaScript は RegExp_javascript ヒントを通じてクライアント側検証ハンドラーを実装します

WBOY
WBOYオリジナル
2016-05-16 17:34:261124ブラウズ
1. asp.net mvc3.0 のテキスト ボックス コントロールを使用して、テキスト ボックスに数字のみを入力できるようにします
コードをコピーします コードは次のとおりです:

@Html.TextBox("txt",null, new {@style="width:300;",onkeypress="return RegValidateIsDigit (event)" })

テキストボックスに onkeypress イベントが登録されていることがわかります。テキストボックスに文字を入力してキーボードを押すと、JavaScript 関数がトリガーされます
コードをコピー コードは次のとおりです:

🎜>
まずブラウザの互換性を判断して処理します。次に、String.formCharCode(KeyChar) を使用して、対応する文字
を検索します。 最後に、関数 regIsDigit 関数
で、一致するための規則的なパターンを定義します。



コードをコピー
コードは次のとおりです: var reg = new RegExp("^[0-9]$");
0 ~ 9 の数値です。つまり、



コードをコピーします。
コードは次のとおりです。 : var reg = new RegExp(" \d$");
正規表現リテラルは、1 組のスラッシュ (/) の間に含まれる文字としても定義されます。したがって、JavaScript には次のコードが含まれる可能性があります:



コードをコピー
コードは次のとおりです: var reg=/d$/;
ここでもテスト関数が使用されています: 指定された文字列が存在するかどうかを確認します。一般的に使用される関数には、exec match search replace split およびその他の関数が含まれます。
最初の内容を理解していれば、正規表現を適用するだけで使用できるようになります。

2. テキスト ボックスでは中国語の入力のみが可能です



コードをコピーします
コードは次のとおりです。 function RegValidateIs Chinese(str) { //var reg = new RegExp("^[u4e00-u9fa5] $"); var reg = /^[u4E00-u9FA5] $/;
var str=document.getElementById("text").value;
return (reg.test(str));


RegValidateIs Chinese("入力string" ) が漢字の場合は true を返し、漢字すべてでない場合は false を返します

3. メール入力形式の判定



コードをコピー
コードは次のとおりです: function RegValidateIsEmail(str) { //var reg = /^([a- zA-Z0-9_-]) @@([a -zA-Z0-9_-]) ((.[a-zA-Z0-9_-]{2,3}){1,2})$/; var reg=/^w ((-w )|(.w ))*@@{1}w .{1}w{2,4}(.{0,1}w{2}){ 0,1}/ig; if (reg .test(str)) {
alert("メールアドレスです")
}
else {
alert("形式が正しくありません) ");
}
}


どちらの定義も予備テストには使用できます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。