Heim > Artikel > Web-Frontend > jquery erkennt, dass in das angegebene Textfeld nur Zahlen eingegeben werden können

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

php中世界最好的语言Original: 2018-04-26 13:48:432231Durchsuche

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>

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>

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!

php jquery

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Textfelder und Passwortfelder implementieren grauen Text vor der EingabeaufforderungNächster Artikel：Textfelder und Passwortfelder implementieren grauen Text vor der Eingabeaufforderung

In Verbindung stehende Artikel

Mehr sehen