input的一些输入限制

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>
相关推荐
Monly2122 分钟前
Vue:下拉框多选影响行高
前端·javascript·vue.js
武昌库里写JAVA38 分钟前
Mac下Python3安装
java·vue.js·spring boot·sql·学习
我是日安2 小时前
从零到一打造 Vue3 响应式系统 Day 6 - 响应式核心:链表实装应用
前端·vue.js
艾小码2 小时前
Vue模板进阶:这些隐藏技巧让你的开发效率翻倍!
前端·javascript·vue.js
艾小码2 小时前
还在手动加载全部组件?这招让Vue应用性能飙升200%!
前端·javascript·vue.js
薛定谔的算法2 小时前
Vue.js 条件渲染与列表渲染详解:原理、用法与最佳实践
前端·vue.js·前端框架
复苏季风2 小时前
Vue3 小白的疑惑:为什么用 const 定义的变量还能改?
前端·javascript·vue.js
鹏多多2 小时前
Vue项目i18n国际化多语言切换方案实践
前端·javascript·vue.js
一只小风华~3 小时前
Vue: 侦听器(Watch)
前端·javascript·vue.js
weixin_431600443 小时前
使用 vue-virtual-scroller 实现高性能传输列表功能总结
前端·javascript·vue.js