recherche

Maison >interface Web >js tutoriel >jquery limite la zone de texte aux seuls nombres saisis (entiers et décimaux)_jquery

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

WBOY
WBOYoriginal
2016-05-16 15:21:071139parcourir

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>

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>

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.

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：La zone de saisie Baidu imitation JavaScript invite une liste déroulante automatique complétion_javascript compétencesArticle suivant：La zone de saisie Baidu imitation JavaScript invite une liste déroulante automatique complétion_javascript compétences

Articles Liés

Voir plus