Heim >Web-Frontend >js-Tutorial >So implementieren Sie input type=number, um die Eingabe von Dezimalzahlen zu verhindern
Eine aktuelle Projektanforderung besteht darin, dass das Eingabefeld nur Zahlen eingeben kann und die Eingabe von Dezimalzahlen verboten ist
intpu type=number kann nur die Eingabe von Zahlen steuern, aber nicht die Eingabe von Dezimalzahlen
Suchen Relevante Informationen online abrufen und sortieren. Klicken Sie auf
und der Code lautet wie folgt:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>input type=number 禁止输入小数点</title> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <script src="jquery.min.js" type="text/javascript"></script></head><body> <input type="text" name="number" id='number'/><script>$(document).ready(function(){ var ipt = $('#number'); ipt.on('keyup',function(){ if(! /^\d+$/.test(this.value)){ this.value=''; } }) });</script></body></html>
Das obige ist der detaillierte Inhalt vonSo implementieren Sie input type=number, um die Eingabe von Dezimalzahlen zu verhindern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!