Maison > Article > interface Web > jquery se rend compte que la zone de texte spécifiée ne peut saisir que des chiffres

jquery se rend compte que la zone de texte spécifiée ne peut saisir que des chiffres

php中世界最好的语言original: 2018-04-26 13:48:432259parcourir

Cette fois, je vais vous faire comprendre à jquery que seuls des nombres peuvent être saisis dans la zone de texte spécifiée. Quelles sont les précautions pour que jquery se rende compte que la zone de texte spécifiée ne peut saisir que des nombres. est un cas pratique, jetons-y un coup d'œil.

Tout d'abord, voici un code jQuery qui stipule que la zone de texte ne peut saisir que des nombres incluant des décimales :

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="gb2312"> 
<title>PHP</title> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
//文本框只能输入数字(包括小数)，并屏蔽输入法和粘贴 
jQuery.fn.number=function(){
 this.bind("keypress",function(e){ 
 var code=(e.keyCode?e.keyCode:e.which); //兼容火狐 IE 
 //火狐下不能使用退格键 
 if(!$.browser.msie&&(e.keyCode==0x8)){return;} 
 if(this.value.indexOf(".")==-1){return (code >= 48 && code<= 57)||(code==46);}
 else{return code >= 48 && code<= 57} 
 }); 
 this.bind("paste",function(){return false;}); 
 this.bind("keyup",function(){
 if(this.value.slice(0,1) == ".")
 { 
  this.value = ""; 
 } 
 }); 
 this.bind("blur",function(){ 
 if(this.value.slice(-1) == ".")
 { 
  this.value = this.value.slice(0,this.value.length-1); 
 } 
 }); 
}; 
$(function(){ 
 $("#txt").number();
}); 
</script>
</head>
<body>
<input type="text" id="txt" />
</body>
</html>

2 Comment jQuery stipule que la zone de texte ne peut saisir que des nombres décimaux. entiers :
Parfois, le contenu de la zone de texte ne peut être que des nombres, et il ne peut s'agir que de nombres entiers. Par exemple, l'âge, vous ne pouvez pas remplir 20,8 ans. Voici un exemple de code à introduire. comment implémenter cette fonction. J'espère que cela pourra aider. Les amis dans le besoin peuvent apporter de l'aide. Le code est le suivant :

<html> 
<head> 
<meta charset="gb2312"> 
<title>1</title> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
//文本框只能输入数字(不包括小数)，并屏蔽输入法和粘贴 
jQuery.fn.integer=function(){ 
 this.bind("keypress",function(e){ 
 var code=(e.keyCode?e.keyCode:e.which); //兼容火狐 IE 
 //火狐下不能使用退格键 
 if(!$.browser.msie&&(e.keyCode==0x8))
 { 
  return ; 
 } 
 return code >= 48 && code<= 57; 
 }); 
 this.bind("paste",function(){ 
 return false; 
 }); 
 this.bind("keyup",function(){ 
 if(/(^0+)/.test(this.value)) 
 { 
 this.value = this.value.replace(/^0*/,''); 
 } 
 }); 
}; 
$(function(){ 
 $("#txt").integer();
}); 
</script>
</head>
<body>
<input type="text" id="txt" />
</body>
</html>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans ce document. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

Explication détaillée des étapes de l'icône du bouton personnalisé Jquery+Mobile

Définir une zone de texte multiligne [ textarea] Générer automatiquement la hauteur

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!

php jquery

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

Article précédent：Les zones de texte et les zones de mot de passe implémentent un texte d'invite préalable grisArticle suivant：Les zones de texte et les zones de mot de passe implémentent un texte d'invite préalable gris

Articles Liés

Voir plus