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
- 尊渡假赌尊渡假赌尊渡假赌asal
- 2023-05-29 09:55:491802semak imbas
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".
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:
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>
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='disabled';
});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!