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>
相关推荐
qq_4116719819 分钟前
vue3 的模板引用ref和$parent
前端·javascript·vue.js
清幽竹客1 小时前
vue-37(模拟依赖项进行隔离测试)
前端·vue.js
vvilkim1 小时前
Nuxt.js 页面与布局系统深度解析:构建高效 Vue 应用的关键
前端·javascript·vue.js
paopaokaka_luck1 小时前
基于SpringBoot+Vue的电影售票系统(协同过滤算法)
vue.js·spring boot·后端
滿1 小时前
Vue3 父子组件表单滚动到校验错误的位置实现方法
前端·javascript·vue.js
要加油哦~7 小时前
vue | 插件 | 移动文件的插件 —— move-file-cli 插件 的安装与使用
前端·javascript·vue.js
小林学习编程7 小时前
Springboot + vue + uni-app小程序web端全套家具商场
前端·vue.js·spring boot
影子信息11 小时前
vue 前端动态导入文件 import.meta.glob
前端·javascript·vue.js
青阳流月11 小时前
1.vue权衡的艺术
前端·vue.js·开源
RunsenLIu11 小时前
基于Vue.js + Node.js + MySQL实现的图书销售管理系统
vue.js·mysql·node.js