Wie erkennt jquery, dass nur Zahlen und Dezimalstellen eingegeben werden können?
- 尊渡假赌尊渡假赌尊渡假赌Original
- 2023-05-29 09:55:491772Durchsuche
Jquery implementiert die Operationsmethode, bei der nur Zahlen und Dezimalpunkte eingegeben werden: 1. Erstellen Sie eine HTML-Beispieldatei. 2. Fügen Sie die jQuery-Datei in das Head-Tag ein. 3. Verwenden Sie das „$(“input box“).keypress(); "Syntax zum Überwachen der Tastatur und Ermöglichen nur der Eingabe von Dezimalpunkten und Zahlen; 4. Verwenden Sie reguläre Ausdrücke, um „/D|^0/g“ abzugleichen, und ersetzen Sie es durch „/[^0-9.]/g“.
Das Betriebssystem dieses Tutorials: Windows 10-System, jQuery Version 3.6.0, Dell G3-Computer.
jquery realisiert die Operationsmethode, bei der nur Zahlen und Dezimalpunkte eingegeben werden:
1. Referenzieren Sie die jQuery-Datei in HTML:
<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> </head> </html>
2. Verwenden Sie die Methode „.keypres()“, um zu steuern, dass das Textfeld mit der Klasse checkNum kann Geben Sie nur Zahlen und Dezimalstellen ein:
//监听键盘，只允许输入数字和小数点
$(".checkNum").keypress(function(event) {
var keyCode = event.which;
if (keyCode == 46 || (keyCode >= 48 && keyCode <=57) || keyCode == 8)//8是删除键
return true;
else
return false;
}).focus(function() {
this.style.imeMode='disabled';
});3. Verarbeitet durch reguläre Ausdrücke:
/*JQuery 限制文本框只能输入数字和小数点*/
$(".NumDecText").keyup(function(){
$(this).val($(this).val().replace(/[^0-9.]/g,''));
}).bind(
"paste",function(){
$(this).val($(this).val().replace(/[^0-9.]/g,''));
//粘贴的不是数字，则替换为'' //或 return false; 禁用粘贴功能})
.css("ime-mode", "disabled");
//CSS设置输入法不可用Das obige ist der detaillierte Inhalt vonWie erkennt jquery, dass nur Zahlen und Dezimalstellen eingegeben werden können?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!