el-input只能输入数字以及数字范围问题

一加一不是二

已于 2022-10-12 10:26:05 修改

阅读量2.9k

点赞数

文章标签： java 前端 javascript

于 2022-10-11 10:15:52 首次发布

本文链接：https://blog.youkuaiyun.com/GardJasmin/article/details/127258069

版权

本文介绍如何使用el-input组件实现各种数字输入限制，包括只允许输入数字、数字范围限制、首位非零及特定数字区间验证等，并提供正则表达式实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

oninput ="value=value.replace(/[^0-9.]/g,'')"

oninput="if(!/^[0-9]+$/.test(value)) value=value.replace(/\D/g,'');if(value>365)value=365;if(value<=0)value=null"

if (value.indexOf(0) == 0 && value.indexOf(".") !== 1) {
      value = value.replace(/\b(0+)/gi, "");
}

注意：value的格式应为字符串，否则会报错

/^[1-9]\d*$/

/^1[3,4,5,7,8]\d{9}$/

 /^[1-9]\d*$|^0$/

/^10000$|^[1-9]\d{1,3}$|^[2-9]$/

'13344445555'.replace(/^(\d{3})\d*(\d{4})$/,'$1****$2')