Rumah > masalah biasa > Bagaimanakah jquery menyedari bahawa hanya nombor dan titik perpuluhan boleh dimasukkan

Bagaimanakah jquery menyedari bahawa hanya nombor dan titik perpuluhan boleh dimasukkan

尊渡假赌尊渡假赌尊渡假赌
Lepaskan: 2023-05-29 10:34:32
asal
1806 orang telah melayarinya

Jquery melaksanakan kaedah operasi memasukkan nombor dan titik perpuluhan sahaja: 1. Buat fail sampel html 2. Perkenalkan fail jQuery dalam teg kepala 3. Gunakan "$("kotak input"). keypress() " sintaks, untuk memantau papan kekunci, hanya titik perpuluhan dan input nombor dibenarkan; 4. Gunakan ungkapan biasa untuk memadankan "/D|^0/g" dan gantikannya dengan "/[^0-9.]/ g".

Bagaimanakah jquery menyedari bahawa hanya nombor dan titik perpuluhan boleh dimasukkan

Sistem pengendalian untuk tutorial ini: Sistem Windows 10, versi jQuery 3.6.0, komputer Dell G3.

kaedah pelaksanaan jquery untuk memasukkan nombor dan titik perpuluhan sahaja:

1 Rujuk fail jQuery dalam html:

rreee

2. Gunakan kaedah ".keypres()" untuk mengawal bahawa kotak teks dengan checkNum kelas hanya boleh memasukkan nombor dan titik perpuluhan:

<!DOCTYPE html>
<html>
 <head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
</head>
</html>
Salin selepas log masuk

3. Proseskannya melalui ungkapan biasa:

//监听键盘,只允许输入数字和小数点
$(".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;;
});
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah jquery menyedari bahawa hanya nombor dan titik perpuluhan boleh dimasukkan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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