Maison >Problème commun >Comment jquery réalise-t-il que seuls les nombres et les points décimaux peuvent être saisis
Comment jquery réalise-t-il que seuls les nombres et les points décimaux peuvent être saisis
- 尊渡假赌尊渡假赌尊渡假赌original
- 2023-05-29 09:55:491802parcourir
Jquery implémente la méthode opérationnelle consistant à saisir uniquement des nombres et des points décimaux : 1. Créez un exemple de fichier HTML ; 2. Introduisez le fichier jQuery dans la balise head ; " pour surveiller le clavier et autoriser uniquement la saisie de points décimaux et de nombres ; 4. Utilisez des expressions régulières pour faire correspondre "/D|^0/g" et remplacez-le par "/[^0-9.]/g".
Le système d'exploitation de ce tutoriel : système Windows 10, jQuery version 3.6.0, ordinateur Dell G3.
jquery réalise la méthode opérationnelle consistant à saisir uniquement des nombres et des points décimaux :
1. Référencez le fichier jQuery en html :
<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> </head> </html>
2 Utilisez la méthode ".keypres()" pour contrôler que la zone de texte avec la classe checkNum peut être utilisée. saisissez uniquement des nombres et des points décimaux :
//监听键盘，只允许输入数字和小数点
$(".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';
});3. Traité par des expressions régulières :
/*JQuery 限制文本框只能输入数字和小数点*/
$(".NumDecText").keyup(function(){
$(this).val($(this).val().replace(/[^0-9.]/g,''));
}).bind(
"paste",function(){
$(this).val($(this).val().replace(/[^0-9.]/g,''));
//粘贴的不是数字，则替换为'' //或 return false; 禁用粘贴功能})
.css("ime-mode", "disabled");
//CSS设置输入法不可用.Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!