Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mengehadkan Input Teks HTML untuk Hanya Menerima Nilai Angka (dan Titik Perpuluhan)?

Bagaimanakah Saya Boleh Mengehadkan Input Teks HTML untuk Hanya Menerima Nilai Angka (dan Titik Perpuluhan)?

Linda Hamilton
Lepaskan: 2024-12-28 18:38:14
asal
941 orang telah melayarinya

How Can I Restrict an HTML Text Input to Only Accept Numeric Values (and a Decimal Point)?

Bagaimanakah saya boleh menetapkan input teks HTML untuk hanya membenarkan input angka (tambah '.')?

JavaScript

Anda boleh menggunakan setInputFilter fungsi untuk memasang penapis input:

setInputFilter(document.getElementById("myTextBox"), function(value) {
  return /^\d*\.?\d*$/.test(value); // Allow digits and '.' only, using a RegExp.
}, "Only digits and '.' are allowed");
Salin selepas log masuk

Fungsi ini akan menyekat nilai input teks kepada fungsi inputFilter yang diberikan. Ia menyokong Salin Tampal, Seret Jatuh, pintasan papan kekunci, operasi menu konteks, kekunci tidak boleh taip, kedudukan karet, reka letak papan kekunci yang berbeza, mesej ralat kesahihan dan semua penyemak imbas sejak IE 9.

Nota: Anda masih mesti melakukan pengesahan bahagian pelayan untuk keselamatan!

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengehadkan Input Teks HTML untuk Hanya Menerima Nilai Angka (dan Titik Perpuluhan)?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan