Maison  >  Article  >  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:491761parcourir

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".

Comment jquery réalise-t-il que seuls les nombres et les points décimaux peuvent être saisis

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=&#39;disabled&#39;;
});

3. Traité par des expressions régulières :

/*JQuery 限制文本框只能输入数字和小数点*/
$(".NumDecText").keyup(function(){
$(this).val($(this).val().replace(/[^0-9.]/g,&#39;&#39;));
}).bind(
"paste",function(){
$(this).val($(this).val().replace(/[^0-9.]/g,&#39;&#39;)); 
//粘贴的不是数字,则替换为&#39;&#39;    //或 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn