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:432171parcourir
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!