jqueryは数値と小数点のみが入力できることをどのように認識しますか

尊渡假赌尊渡假赌尊渡假赌
リリース: 2023-05-29 10:34:32
オリジナル
1772 人が閲覧しました

jqueryは、1. htmlサンプルファイルを作成する; 2. headタグ内にjQueryファイルを導入する; 3. "$("input box")を利用するという、数字と小数点のみを入力する操作方法を実装しています。 keypress() " 構文。キーボードを監視するには、小数点と数字の入力のみが許可されます。 4. 正規表現を使用して "/D|^0/g" と一致し、それを "/[^0-9.]/" に置き換えます。 g」。

jqueryは数値と小数点のみが入力できることをどのように認識しますか

このチュートリアルのオペレーティング システム: Windows 10 システム、jQuery3.6.0 バージョン、Dell G3 コンピューター。

jquery は数値と小数点のみを入力する操作方法を実装します:

1. jQuery ファイルを html で参照します:

<!DOCTYPE html>
<html>
 <head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
</head>
</html>
ログイン後にコピー

2. ".keypres()" メソッドを使用して、checkNum クラスのテキスト ボックスに数字と小数点のみを入力できるように制御します:

//监听键盘,只允许输入数字和小数点
$(".checkNum").keypress(function(event) {
var keyCode = event.which;
if (keyCode == 46 || (keyCode >= 48 && keyCode <=57) || keyCode == 8)//8是删除键
return true;
else
return false;
}).focus(function() {
this.style.imeMode=&#39;disabled&#39;;
});
ログイン後にコピー

3。正規表現で処理します:

りー

以上がjqueryは数値と小数点のみが入力できることをどのように認識しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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