ホームページ > ウェブフロントエンド > jsチュートリアル > 「JavaScript」では、入力を実装のアイデアとコード_JavaScript スキルのみに制限します。

「JavaScript」では、入力を実装のアイデアとコード_JavaScript スキルのみに制限します。

WBOY
リリース: 2016-05-16 17:35:52
オリジナル
1012 人が閲覧しました

このことについては多くの人が書いていますが、今日一時的に使用しようと思ったとき、ニーズを満たすものが見つからなかったので、すぐに書きました。今はすべて書かれており、ニーズを満たしているので、出品します。誰もがそれを試してみることができます。

要件は非常に単純で、テキスト ボックスは数値 (または小数点) に制限され、IE と Firefox をサポートする必要があります。
HTML 入力は次のとおりです

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

< ; input type="text" style="ime-mode:disabled" onkeyup="return ValidateNumber($(this),value)" />

•IE ブラウザの場合有効にすると、ユーザーはこのテキスト ボックスの入力方法を使用できなくなります。
•Onkeyup は私たち自身が書いた js です。完全なコードは次のとおりです。
----------------------------------------------- --- ----------------------------------
確認のために入力できるのは数字のみです
コードをコピーします コードは次のとおりです:

function ValidateNumber(e, pnumber){
if (!/^d $/.test (pnumber)){
$(e).val(/^d /.exec($(e).val()));
}
return false;
}

デモでは、正規表現を使用して数値ではないものを除外します。
----------------------------------------------- --- ----------------------------------
実際に検証する必要があることが多いのは、路上で見つけた奇妙な値の束を「1.2.3456」と入力すると、正規表現を少し変更するだけで検証できます。
コードをコピー コードは次のとおりです。

function ValidateFloat(e, pnumber){
if (!/^d [.]?d*$/.test(pnumber)){
$(e).val(/^d [.]?d*/.exec($(e) .val( )));
}
return false;

このようにして、整数または小数点を入力できます
--- ----- -------------------------------------- ----- ------------------------
上記は困っている友達へのメッセージです。
一部のネチズンは、この種のことには jQuery を使用する必要がないと言っているため、実際に使用する必要はないので、純粋な JavaScript バージョンを作成しましょう
HTML を変更する必要があります

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


数値のみ入力可能 (純粋な JavaScript)

コピーcode コードは次のとおりです:
function ValidateNumber(e, pnumber){
if (!/^d $/.test(pnumber)) {
e.value = /^d /.exec(e.value);}
return
}

小数点を入力できます (純粋な JavaScript)

コードをコピー コードは次のとおりです。
function ValidateNumber(e, pnumber)
{
if (!/^d [.]?d*$/ .test(pnumber))
{
e.value = /^d [.]?d*/.exec(e.value );
}
return false;
}

一部のネチズンは小数点以下 1 桁に制限したいと考えているため、実際にいくつかの変更を加えてみましょう。唯一重要なことは RegExp を変更することです

コードをコピーします コードは次のとおりです:
function ValidateFloat2(e, pnumber)
{
if (!/^d [.]?[1- 9]?$/.test(pnumber))
{
e.value = / d [.]?[1-9]?/.exec(e.value);
}
return
}

悪質な IE を使用している場合、最初に数字以外を入力すると迷惑な null が返されるので、次のように書き換えてフィルターで除外する必要があります

コードをコピー コードは次のとおりです。
if (!/^d $/.test(pnumber ))
{
var newValue = /^d /。 exec(e.value);
if (newValue != null)
{
e.value =
}
else
{
e.value = " ";
}
}
return false;

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート