検索
ホームページウェブフロントエンドhtmlチュートリアルHTML 入力ボックスを純粋な数値のみに制限する方法

この記事では、HTML で入力ボックスを純粋な数字のみに制限する方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

onkeyup = "value=value.replace(/[^\d]/g,'')"

onkeyup イベントを使用すると、bug が発生します。つまり、中国語入力方式の状態では、直接入力します。漢字を入力した後、

onchange = "value=value.replace(/[^\d]/g,'')"

という文字は onchange イベントを使用して直接入力されます。内容を入力した後、結果は input がフォーカスを失ったときにのみ取得されます。応答

oninput = "value=value.replace(/[^\d]/g,'')"

oninput イベントを使用しており、上記の 2 つの問題を完全に解決しています。テストにはまだ他に問題はありません。

コードサンプル

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>input</title>
    </head>
    
    <body>
    只能输入纯数字的输入框:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,&#39;&#39;)">
    </body>
    </html>

推奨学習: htmlビデオチュートリアル

以上がHTML 入力ボックスを純粋な数値のみに制限する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事はCSDNで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
php怎么将16进制字符串转为数字php怎么将16进制字符串转为数字Oct 26, 2021 pm 06:36 PM

php将16进制字符串转为数字的方法:1、使用hexdec()函数,语法“hexdec(十六进制字符串)”;2、使用base_convert()函数,语法“bindec(十六进制字符串, 16, 10)”。

笔记本电脑打不出1-9数字怎么办笔记本电脑打不出1-9数字怎么办Feb 23, 2023 pm 05:19 PM

笔记本电脑打不出1-9数字是设置问题导致的,其解决办法:1、按下“win+r”打开运行输入cmd并回车;2、在命令提示符界面,输入osk并回车;3、点击虚拟键盘上的“选项”,并勾选“打开数字小键盘”;4、启动“numlock键”即可。

laravel input隐藏域怎么实现laravel input隐藏域怎么实现Dec 12, 2022 am 10:07 AM

laravel input隐藏域的实现方法:1、找到并打开Blade模板文件;2、在Blade模板中使用method_field方法来创建隐藏域,其创建语法是“{{ method_field('DELETE') }}”。

vue3怎么封装input组件和统一表单数据vue3怎么封装input组件和统一表单数据May 12, 2023 pm 03:58 PM

准备工作用vuecreateexample创建项目,参数大概如下:用原生input原生的input,主要是value和change,数据在change的时候需要同步。App.tsx如下:import{ref}from&#39;vue&#39;;exportdefault{setup(){//username就是数据constusername=ref(&#39;张三&#39;);//输入框变化的时候,同步数据constonInput=;return()=>({

使用C++编写代码,找到第N个非平方数使用C++编写代码,找到第N个非平方数Aug 30, 2023 pm 10:41 PM

我们都知道不是任何数字的平方的数字,如2、3、5、7、8等。非平方数有N个,不可能知道每个数字。因此,在本文中,我们将解释有关无平方数或非平方数的所有内容,以及在C++中查找第N个非平方数的方法。第N个非平方数如果一个数是整数的平方,则该数被称为完全平方数。完全平方数的一些例子是-1issquareof14issquareof29issquareof316issquareof425issquareof5如果一个数不是任何整数的平方,则该数被称为非平方数。例如,前15个非平方数是-2,3,5,6,

Java中的数字(带有0前缀和字符串)Java中的数字(带有0前缀和字符串)Aug 29, 2023 pm 01:45 PM

Java中的数字重要的是要理解数字类不是一个有形的类,而是一个抽象的类。在它内部,我们有一组定义其功能的包装类。这些包装类包括Integer、Byte、Double、Short、Float和Long。您可能会注意到,这些与我们之前讨论的基本数据类型相同,但它们表示为具有大写名称的单独类,以符合类命名约定。根据特定函数或程序范围的要求,编译器自动将原始数据类型转换为对象,反之亦然,并且数字类是java.lang包的一部分。此过程称为自动装箱和拆箱。通过掌握数字类及其对应的包装类的抽象性质,我们可以

在PHP中使用is_numeric()函数检查是否为数字在PHP中使用is_numeric()函数检查是否为数字Jun 27, 2023 pm 05:00 PM

在PHP编程语言中,is_numeric()函数是一种非常常用的函数,用于判断一个变量或值是否为数字。在实际编程中,经常需要对用户输入的数值进行验证,判断其是否为数字类型,这时就可以使用is_numeric()函数进行判断。一、is_numeric()函数简介is_numeric()函数是一个用于检测变量或值是否为数字的函数。如果变量或值为数字,则返回tru

用C++将一个数字表示为最大可能数量的质数之和用C++将一个数字表示为最大可能数量的质数之和Aug 31, 2023 pm 04:29 PM

讨论一个问题,例如,给定一个数字N,我们需要将该数字拆分为最大素数和Input:N=7Output:223Explanation:7canberepresentedasthesumoftwo2&rsquo;sanda3whicharethemaximumpossibleprimenumbers.Input:N=17Output:22222223求解方法为了用素数表示一个数,我们可以用N减去一个素数,然后检查素数的差异。如果差是素数,那么我们可以将N表示为两个素数之和。但是在这里,我们必须

See all articles

ホット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ヘンタイを無料で生成します。

ホットツール

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン