jquery erkennt, dass in das angegebene Textfeld nur Zahlen eingegeben werden können-js-Tutorial-php.cn

jquery erkennt, dass in das angegebene Textfeld nur Zahlen eingegeben werden können

php中世界最好的语言

Freigeben： 2018-04-26 13:48:43

Original

2287 Leute haben es durchsucht

Dieses Mal werde ich Ihnen mitteilen, dass in das angegebene Textfeld nur Zahlen eingegeben werden können. Was sind die Vorsichtsmaßnahmen, damit jquery erkennt, dass in das angegebene Textfeld nur Zahlen eingegeben werden können ist ein praktischer Fall, werfen wir einen Blick darauf.

Erstens ist hier ein jQuery-Code, der festlegt, dass das Textfeld nur Zahlen einschließlich Dezimalzahlen eingeben kann:

<!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>

Nach dem Login kopieren

2 Wie jQuery festlegt, dass das Textfeld nur ganze Zahlen eingeben kann:
Manchmal kann der Inhalt des Textfelds nur aus Zahlen und nur aus Ganzzahlen bestehen. Für das Alter können Sie beispielsweise nicht 20,8 Jahre eingeben. Hier ist ein Codebeispiel zur Einführung 🎜> wie man diese Funktion implementiert. Ich hoffe, dass es denen hilft, die es brauchen. Der Code lautet wie folgt:

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

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erklärung der Schritte zum benutzerdefinierten Schaltflächensymbol von Jquery+Mobile

Ein mehrzeiliges Textfeld festlegen [ textarea] Höhe automatisch generieren

Das obige ist der detaillierte Inhalt vonjquery erkennt, dass in das angegebene Textfeld nur Zahlen eingegeben werden können. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!