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>
相关推荐
浮桥1 小时前
vue3实现pdf文件预览 - vue-pdf-embed
前端·vue.js·pdf
AA-代码批发V哥1 小时前
Vue框架之钩子函数详解
vue.js
四季豆豆豆2 小时前
博客项目 laravel vue mysql 第四章 分类功能
vue.js·mysql·laravel
拾光拾趣录3 小时前
Vue中v-if与v-for同元素使用的陷阱
前端·vue.js
江城开朗的豌豆6 小时前
退出登录后头像还在?这个缓存问题坑过多少前端!
前端·javascript·vue.js
江城开朗的豌豆6 小时前
Vue的'读心术':它怎么知道数据偷偷变了?
前端·javascript·vue.js
江城开朗的豌豆6 小时前
手把手教你造一个自己的v-model:原来双向绑定这么简单!
前端·javascript·vue.js
我在北京coding7 小时前
el-tree 懒加载 loadNode
前端·vue.js·elementui
江城开朗的豌豆7 小时前
v-for中key值的作用:为什么我总被要求加这个'没用的'属性?
前端·javascript·vue.js
markyankee10111 小时前
Vue 组件系统深度解析
vue.js