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>
相关推荐
aol1216 分钟前
X6官方示例「数据加工DAG图」转为Vue版
前端·vue.js
用户669820611298211 分钟前
vue3 hooks、utils、data这几个文件夹分别是放什么的?
javascript·vue.js
....49225 分钟前
Vue3 与 AntV X6 节点传参、自动布局及边颜色控制教程
前端·javascript·vue.js
前端小白199529 分钟前
面试取经:Vue篇-Vue2响应式原理
前端·vue.js·面试
鹏多多39 分钟前
前端项目eslint配置选项详细解析
前端·vue.js·react.js
zhong liu bin1 小时前
Vue框架技术详解——项目驱动概念理解【前端】【Vue】
前端·javascript·vue.js·vscode·vue
zhangzuying10262 小时前
基于Vue3 +ElementuiPlus + Dexie.js自研的浏览器插件新建标签页tab
vue.js·typescript·echarts
lichong9512 小时前
【混合开发】vue+Android、iPhone、鸿蒙、win、macOS、Linux之video 的各种状态和生命周期调用说明
android·vue.js·macos
知识分享小能手2 小时前
React学习教程,从入门到精通,React 使用属性(Props)创建组件语法知识点与案例详解(15)
前端·javascript·vue.js·学习·react.js·前端框架·vue
知识分享小能手8 小时前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react