设置input框只能输入数字

最新推荐文章于 2024-08-20 16:48:16 发布

维他命Coco

最新推荐文章于 2024-08-20 16:48:16 发布

阅读量414

点赞数 8

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45534301/article/details/135906380

版权

<input
   :value="principal"
   data-type="account"
   type="text"
   maxlength="11"
   placeholder-class="inp-palcehoder"
   placeholder="请输入登录手机号"
   @input="change"
   @change="change"
   pattern="[0-9]*"
 />

 change(event) {
    let val = event.target.value.trim();
     // 只能是正整数或空,可根据需求修改正则
     //item = e.target.value.replace(/[^\d]/g,'')
     if (/^[1-9]\d*$|^$/.test(val)) {
       this.oldNum = val;
     } else {
       event.target.value = this.oldNum;
     }
     this.principal = this.oldNum
   },