ホームページ >ウェブフロントエンド >jsチュートリアル >テキストボックスに数字入力のみを制限するjsメソッドまとめ_javascriptスキル

テキストボックスに数字入力のみを制限するjsメソッドまとめ_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 16:44:251397ブラウズ

テキスト ボックスの入力内容の種類を制限する必要がある場合があります。このセクションでは、テキスト ボックスを数字、小数点、英字、漢字、その他のコードのみに制限する正規表現を紹介します。

たとえば、0 より大きい正の整数を入力します

コードをコピーします コードは次のとおりです:



1、テキスト ボックスは数値コードのみ入力(小数点も入力不可)

コードをコピー コードは次のとおりです。


2、数値のみ入力可能、小数点も入力可能です。




3. 数値と小数点の方法 2



コードをコピーします コードは次のとおりです:


別の関数にカプセル化されます:


function keyPress(ob) {
if (! ob.value.match(/^[ -]?d*?.?d*?$/)) ob.value = ob.t_value; else ob.t_value = ob.value; match(/ ^(?:[ -]?d (?:.d )?)?$/)) ob.o_value = ob.value;
}
function keyUp(ob) {
if (!ob .value.match(/^[ -]?d*?.?d*?$/)) ob.value = ob.t_value; else ob.t_value = ob.value if (ob.value.match; (/^ (?:[ -]?d (?:.d )?)?$/)) ob.o_value = ob.value;
}
function onBlur(ob) {
if( !ob.value.match(/^(?:[ -]?d (?:.d )?|.d*?)?$/))ob.value=ob.o_value;else{if(ob.value .match( /^.d $/))ob.value=0 ob.value;if(ob.value.match(/^.$/))ob.value=0;ob.o_value=ob.value};
}


呼び出し時にこのオブジェクトを渡すだけです!

4、文字と漢字のみを入力できます



コードをコピーします コードは次のとおりです:


5、入力できるのは英字と数字のみです。漢字は入力できません



6、入力できるのは数字と英語のみです




7、小数点以下は 2 桁までしか入力できません (数字と中国語も入力可能)、文字と算術記号は入力できません:

コードをコピーします コードは次のとおりです:


8、小数点以下 2 桁まで (数字、文字、中国語が入力可能)、演算記号が入力可能:

コードをコピー コードは次のとおりです:


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