input、el-input输入框只能输入正整数(包含或不包含0)

简介: 业务

一、input

只能输入框只能输入正整数,输入同时禁止了以0开始的数字输入,防止被转化为其他进制的数值。

<!-- 不能输入零时-->
<input type='text' oninput="value=value.replace(/^(0+)|[^\d]+/g,'')">

<!-- 能输入零时-->
<input type='text' oninput="value=value.replace(/^0+(\d)|[^\d]+/g,'')">

附:只能输入中文:

<input type="text" oninput="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">  

附:只能输入英文:

<input type="text" oninput="this.value=this.value.replace(/[^a-zA-Z]/g,'')">  

二、el-input

只能输入框只能输入正整数

<el-input size="small"
    οnkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"
    v-model="count"
    maxlength="9"></el-input>
data() {
   return {
      count: 0
   }
}
目录
相关文章
|
6月前
|
JavaScript 前端开发
input 输入 限制 大全
input 输入 限制 大全
226 0
el-input的number类型里输入e、+、-符号返回值为空?
el-input的number类型里输入e、+、-符号返回值为空?
420 0
|
6月前
|
移动开发 JavaScript HTML5
el-input限制输入整数等分析
本文介绍了在Vue中限制el-input只能输入整数的几种方式,包括设置type为number,使用inputmode属性,自定义指令,计算属性,使用onafterpaste和onkeyup事件以及使用el-input-number的precision属性。每种方式都有其优缺点,可以根据实际需求选择合适的方式。比较建议用自定义指令的方式来实现。
1124 0
el-input限制输入整数等分析
|
4月前
el-input 模糊匹配 - 单行输入
el-input 模糊匹配 - 单行输入
26 0
|
6月前
|
Web App开发 移动开发 iOS开发
input输入框的23中类型
input输入框的23中类型
92 1
|
6月前
Element - ui :el-input 输入只能是数字并且小数点后只能是1-2位
Element - ui :el-input 输入只能是数字并且小数点后只能是1-2位
2885 1
|
6月前
|
JavaScript
限制input框中的输入类型及长度
限制input框中的输入类型及长度
535 0
|
6月前
简单粗暴实现el-input只允许输入数字
简单粗暴实现el-input只允许输入数字
简单粗暴实现el-input只允许输入数字
|
11月前
|
前端开发
input去掉输入框type为number时的上下箭头的实现方法
input去掉输入框type为number时的上下箭头的实现方法
87 0
el-input输入值无法在输入框显示
el-input输入值无法在输入框显示
100 0