解决限制输入框数字不能为负数

huxihua2006

已于 2023-08-24 10:21:55 修改

阅读量3.4k

点赞数 5

CC 4.0 BY-SA版权

文章标签：前端

于 2023-08-24 10:11:27 首次发布

原文链接：https://blog.csdn.net/weixin_43908123/article/details/124788652

在这里插入图片描述
解决限制输入框数字不能为负数如下
在el-input标签中添加：οninput=“value=value.replace(/[^0-9.]/g,‘’)”

<el-input
            v-model="minArea"
            placeholder="门店面积平方米"
            type="text"
            clearable
            style="width: 100%;"
            oninput="value=value.replace(/[^0-9.]/g,'')"
          ></el-input>



1.解决限制输入框数字不能为负数
<el-input
  v-model="formData.bid"
  clearable
  style="width:180px;"
  oninput="value=value.replace(/[^0-9.]/g,'')"
>
</el-input>


2.只允许数字和英文逗号的正则表达式
/^[-,0-9]+$/.test(val)


3.仅可输入中文英文数字以及英文逗号
/^[a-zA-Z0-9,\u4e00-\u9fa5]+$/


4.el-input-number 整数取值
<el-input-number v-model="row.columnWidth" :disabled="dialogVO.action == 0" controls-position="right" :precision="0"  :min="0" :max="800"></el-input-number>
// :precision="0"  element-ui自带属性


5.输入框只能输入正整数，不能输入负数或小数，在el-input标签中添加
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"

具体参考：https://blog.csdn.net/weixin_43908123/article/details/124788652