input的一些输入限制

Sunny_lxm2023-10-19 22:23

1、input输入框只能输入正整数和0

html 复制代码

<el-input v-model="value"
          onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))"
          placeholder="请输入设备数量"
/>

1-1、只能输入大于0的正整数

html 复制代码

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

2、input输入框只能输入大于0的正整数，不能输入汉字和字母

html 复制代码

<el-input  placeholder="请输入内容" 
            v-model="input"  
            oninput="value=value.replace(/^0|[^0-9]/g, '')">
</el-input>

3、如果是正数负数0，包括小数都可以

html 复制代码

<el-input
                  v-model="value"
                  onkeyup="value=value.replace(/[^\-?\d.]/g,'')"
                  placeholder="请输入"
                />

4、不能输入中文，可以输入正数、负数、小数和字母

html 复制代码

<el-input
                        v-model="value"
                        placeholder="请输入"
                        onkeyup="value=value.replace(/[\u4E00-\u9FA5]/g,'')"
                      />

5、只能取到小数点后两位

Go 复制代码

 <el-input  placeholder="请输入内容" v-model="input"   oninput="if(value.indexOf('.')>0) 
               {value=value.slice(0,value.indexOf('.')+3)}">
    </el-input>