最近做一個專案需求是輸入框只能輸入數字,並且禁止輸入小數
intpu type=number 就可以控制只允許輸入數字,但是不能控制輸入小數
在網上查閱相關資料後整理了下
程式碼如下
<!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>
以上是input type=number禁止輸入小數如何實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!