[js] 写一个方法，实时验证input输入的值是否满足金额如：3.56(最多只有两位小数且只能数字和小数点)的格式，其它特殊字符禁止输入

haizhilin2013

2020-06-04 04:59:48 星期四

                    
                        
                                                            写一个方法，实时验证input输入的值是否满足金额如：3.56(最多只有两位小数且只能数字和小数点)的格式，其它特殊字符禁止输入

推荐题目

更多>

4 Comments Powered by GitHub & Vssue

Comments per page

< Page 1 / 1 >

wheatup 2020-06-04 01:20:39

<input type="text" pattern="^\d+(\.\d{1,2})?$">

0 0 0

OriX0 2020-07-02 08:23:50

<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})?$">

0 0 0

censek 2020-08-10 01:47:32

let regex = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;

0 0 0

liyan1105 2020-10-18 15:51:03

function validator(value) {
  return /^\d\.[\d]{1,2}$/.test(value);
}

0 0 0

排行榜

今日答题答题排行

未答的题

更多>

【关注作者公众号】以面试驱动学习--前端剑解

【公众号推荐】不折腾的前端和咸鱼有什么区别

学习不打烊，充电加油只为遇到更好的自己，365天无节假日，每天早上5点纯手工发布前端知识点（死磕自己，愉悦大家）。希望大家在这浮夸的前端圈里，保持冷静，坚持每天花20分钟来学习与思考。在这千变万化，类库层出不穷的前端，建议大家不要等到找工作时，才狂刷题，提倡每日学习！欢迎大家关注3+1开源项目！希望大家每人去学习与思考！（不要为了谁而来，要为自己而努力！）

【关注官方公众号】每天4:30-5:00推送

【公众号推荐】一起折腾前端算法

【微信学习群】备注3+1