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

在这里插入图片描述
解决限制输入框数字不能为负数如下
在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

你可能感兴趣的:(前端)