Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengehadkan jenis nilai input kotak teks dalam kemahiran javascript_javascript

Bagaimana untuk mengehadkan jenis nilai input kotak teks dalam kemahiran javascript_javascript

WBOYasal: 2016-05-16 16:00:301507semak imbas

Contoh dalam artikel ini menerangkan kaedah menyekat jenis nilai input kotak teks dalam JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Keperluan: Dalam semua kotak teks, hanya nombor dan titik perpuluhan boleh dimasukkan, dan tiada simbol lain boleh dimasukkan

Intinya ialah saya ingin mengehadkannya apabila pengguna memasukkan, dan bukannya menilai apabila menyerahkan - iaitu, jika pengguna memasukkan nombor atau titik perpuluhan dalam kotak teks, mereka boleh memasukkan secara normal jika mereka masuk aksara bukan angka seperti huruf, teks Kotak tidak akan bertindak balas dan tidak akan memaparkan aksara yang dimasukkan.

<html>
<body>
<script>
var s = "<input type=\"text\" size=\"20\" " +
"style=\"text-align:center\" " +
"onkeydown=\"if(event.keyCode>57&&event.keyCode!=190) return false\" "+ 
//限制只能输入数字
"onblur=\"value=value.replace(/[^0-9\.]/g,'')\" " + 
//限制鼠标点击输入非数字
"onbeforepaste=\"clipboardData.setData(\"text\"," + 
//限制只能粘贴数字
"clipboardData.getData(\"text\").replace(/[^0-9\.]/g,''))\">";
document.write(s);
</script>
</body>
</html>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan：

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 sebelumnya：Ringkasan kaedah untuk menukar gaya CSS dalam kemahiran JavaScript_javascriptArtikel seterusnya：Ringkasan kaedah untuk menukar gaya CSS dalam kemahiran JavaScript_javascript

Artikel berkaitan

Lihat lagi