chenzhao

  • java
  • iOS
  • IT
知识积累
不积跬步无以至千里
  1. 首页
  2. 前端
  3. 正文

el-input限制只能输入规定的数

2023年 1月 19日 57点热度 0人点赞 0条评论

1. el-input限制只能输入正整数

 oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" 

替换代码添加至el-input中

<el-input
  style="width:80px;"
  @change="update(item)"
  oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"
  v-model="item.quantity"
  placeholder="请输入购买数量"
></el-input> 

2. el-input限制只能输入正数和小数点后二位

oninput="value= value.match(/\d+(\.\d{0,2})?/) ? value.match(/\d+(\.\d{0,2})?/)[0] : ''" 

替换代码添加至el-input中

<el-input
  style="width:80px;"
  oninput="value= value.match(/\d+(\.\d{0,2})?/) ? value.match(/\d+(\.\d{0,2})?/)[0] : ''"
  @change="update(item)"
  v-model="item.freight"
  placeholder="请输入运费"
></el-input> 

本文转自 https://blog.csdn.net/qq_45502336/article/details/125995465,如有侵权,请联系删除。

标签: 暂无
最后更新:2023年 1月 19日

陈昭

IT 程序员

打赏 点赞
< 上一篇
下一篇 >

文章评论

取消回复

COPYRIGHT © 2022 chenzhao. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang