简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

限制html文本框input只能输入数字和小数点的方法

高洛峰
Lepaskan： 2017-03-28 09:48:55
asal
3050 orang telah melayarinya

本文主要介绍了限制html文本框input只能输入数字和小数点的方法。具有很好的参考价值。下面跟着小编一起来看下吧

代码：

<input type="text" class="txt" name="qty" value="" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,&#39;&#39;)" />
Salin selepas log masuk

PS：js实现只能输入数字和小数点的文本框

<html><head><meta http-equiv="content-Type" content="text/html;charset=gb2312"><title>js 只能输入数字和小数点</title>
<script language="JavaScript" type="text/javascript">
function clearNoNum(obj){   obj.value = obj.value.replace(/[^\d.]/g,"");  //清除“数字”和“.”以外的字符  
 obj.value = obj.value.replace(/^\./g,"");  //验证第一个字符是数字而不是. 
  obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的.   
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}
</script>
</head><body>只能输入数字和小数点的文本框：<input name="input1" onkeyup="clearNoNum(this)"></body></html>
Salin selepas log masuk

Atas ialah kandungan terperinci 限制html文本框input只能输入数字和小数点的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
input
sumber：php.cn
Artikel sebelumnya：html中table表格的内容水平和垂直居中显示实例代码 Artikel seterusnya：html中div设计总结
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Kekalkan kedudukan karet dalam HTML boleh diedit kandungan apabila HTML dalaman berubah Saya mempunyai div yang bertindak sebagai editor WYSIWYG. Ia bertindak sebagai kotak teks ...
daripada 2023-11-08 22:38:23
0
2
285
Vue js: Penyelesaian masalah - Membaca sifat '$refs' undefined Mendapat ralat Tidak dapat membaca sifat undefined (membaca '$refs') walaupun saya mempuny...
daripada 2023-11-07 23:34:12
0
1
305
Bagaimana untuk mencetuskan kaedah fokus input dalam kaedah dalam Vue.js? Saya mempunyai input yang menggunakan acara berikut: <b-nputclass="input"id=&...
daripada 2023-10-29 23:56:42
0
2
270
Cara untuk melindungi borang daripada penyerahan butang Pada halaman seterusnya, menggunakan Firefox, mengalih keluar butang menghantar borang, te...
daripada 2023-10-10 10:47:12
0
1
309
Pilih elemen jQuery $input._flatpicker input oleh flatpickr Saya menggunakan jquery dalam projek saya dan saya menggunakan flatpickr untuk meletakkan ...
daripada 2023-09-17 15:41:09
0
1
337
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！