jquery limite la zone de texte aux seuls nombres saisis (entiers et décimaux)

jquery limite la zone de texte aux seuls nombres saisis (entiers et décimaux)_jquery

WBOY

Libérer： 2016-05-16 15:21:07

original

1113 Les gens l'ont consulté

L'exemple de cet article présente le code détaillé de jquery qui restreint la zone de texte à la saisie uniquement de chiffres. Il est partagé avec tout le monde pour votre référence. Le contenu spécifique est le suivant

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>脚本之家</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&#63;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>

Copier après la connexion

2. Comment jQuery stipule que la zone de texte ne peut saisir que des entiers :
Parfois, le contenu de la zone de texte ne peut être constitué que de nombres, et il ne peut s'agir que d'entiers. Par exemple, pour l'âge, vous ne pouvez pas indiquer 20,8 ans. Voici un exemple de code pour présenter comment implémenter cette fonction. aider les amis dans le besoin. Le code Comme suit :

<html> 
<head> 
<meta charset="gb2312"> 
<title>蚂蚁部落</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&#63;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>

Copier après la connexion

Le code ci-dessus répond à nos exigences. Seuls des nombres entiers peuvent être saisis dans la zone de texte.

J'espère que cet article sera utile à tous ceux qui apprennent la programmation jquery.