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

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

WBOY

リリース： 2016-05-16 16:44:25

オリジナル

1377 人が閲覧しました

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

たとえば、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 桁まで (数字、文字、中国語が入力可能)、演算記号が入力可能:

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