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

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

May 16, 2016 pm 05:35 PM
input js 番号

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

要件は非常に単純で、テキスト ボックスは数値 (または小数点) に制限され、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;

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

株価分析に必須のツール: PHP と JS を使用してローソク足チャートを描画する手順を学びます 株価分析に必須のツール: PHP と JS を使用してローソク足チャートを描画する手順を学びます Dec 17, 2023 pm 06:55 PM

株価分析に必須のツール: PHP と JS を使用してローソク足チャートを描画する手順を学びます

推奨: 優れた JS オープンソースの顔検出および認識プロジェクト 推奨: 優れた JS オープンソースの顔検出および認識プロジェクト Apr 03, 2024 am 11:55 AM

推奨: 優れた JS オープンソースの顔検出および認識プロジェクト

PHP および JS 開発のヒント: 株価ローソク足チャートの描画方法をマスターする PHP および JS 開発のヒント: 株価ローソク足チャートの描画方法をマスターする Dec 18, 2023 pm 03:39 PM

PHP および JS 開発のヒント: 株価ローソク足チャートの描画方法をマスターする

PHP と JS を使用して株価ローソク足チャートを作成する方法 PHP と JS を使用して株価ローソク足チャートを作成する方法 Dec 17, 2023 am 08:08 AM

PHP と JS を使用して株価ローソク足チャートを作成する方法

jsとvueの関係 jsとvueの関係 Mar 11, 2024 pm 05:21 PM

jsとvueの関係

JS と Baidu Maps を使用して地図ジオコーディング機能を実装する方法 JS と Baidu Maps を使用して地図ジオコーディング機能を実装する方法 Nov 21, 2023 pm 06:30 PM

JS と Baidu Maps を使用して地図ジオコーディング機能を実装する方法

JSとBaidu Mapsを使って地図位置情報表示機能を実装する方法 JSとBaidu Mapsを使って地図位置情報表示機能を実装する方法 Nov 21, 2023 pm 03:08 PM

JSとBaidu Mapsを使って地図位置情報表示機能を実装する方法

JSのAI時代が到来! JSのAI時代が到来! Apr 08, 2024 am 09:10 AM

JSのAI時代が到来!

See all articles