[js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入
生活随笔
收集整理的這篇文章主要介紹了
[js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
[js] 寫一個方法,實時驗證input輸入的值是否滿足金額如:3.56(最多只有兩位小數且只能數字和小數點)的格式,其它特殊字符禁止輸入
<body><input type="text" id="amount"><em id="message"></em> </body> <script>const amountInput = document.getElementById('amount');const msg = document.querySelector('#message');amountInput.oninput = function (event) {let value = event.target.value;let pat = /^\d+(\.\d{1,2})?$/;msg.innerHTML = pat.test(value) ? 'True' : 'False';} </script>更優方式---input的 pattern屬性<input type="text" pattern="^\d+(\.\d{1,2})?$">個人簡介
我是歌謠,歡迎和大家一起交流前后端知識。放棄很容易,
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
總結
以上是生活随笔為你收集整理的[js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: IE实现PDF在线预览功能
- 下一篇: Access2010中文版入门与实例教程