[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})?$">
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论
浙公网安备 33010602011771号