如何限制el-input只能输入数字

方法一在el-input标签上加： οninput=“value=value.replace(/[^0-9.]/g,‘’)” 只能输入数字
方法二在el-input标签上加：οnkeyup=“this.value=this.value.match(/\d+.?\d{0,6}/);this.dispatchEvent(new Event(‘input’))” 只能输入数字且小数位最多6位

方法三如下

<el-input
v-model=“formqk.qkmoney”
placeholder=“请输入欠款金额”
@keydown.native=“channelInputLimit”
type=“number”
/>

methods: {
channelInputLimit(e, id) {
console.log(id);
let key = e.key
// 不允许输入’e’和’.’
if (key === ‘e’ || key === ‘.’ || key === ‘-’) {
e.returnValue = false
return false
}
return true
},
}

如何限制el-input只能输入数字相关推荐

控制HTML Input只能输入数字和小数点
转:https://www.cnblogs.com/esion/p/3342866.html 本文介绍三种控制在中只允许输入数字和小数点的方案. 方案1:通过JavaScript代码实现. JavaS ...
jquery 验证小数点后几位_（亲测可用）input只能输入数字或小数点后几位
webapp是基于html5网页版的app,经常会结合app成为混合模式 hybrid app,也就是 app小应用打开访问的其实是网页,这种方式非常不错,解决了app更新的难题, 所以这个时候要求 ...
INPUT只能输入数字
input只能输入数字: (只能输入数字,并且输入的值不能大于99),但是这样有个问题,就是当输入非数字字符时,输入框中所有的字符都会被清除 <input type="text&quo ...
移动端手机网站限制input只能输入数字
<input type="tel" name="num" value="1" maxlength="8" auto ...
js 正则限制 input 只能输入数字，不能输入特殊符号，保留两位小数等效果
限制只能输入数字,小数点只保留2位,限制不能输入空格 <div id="app"><input type="text" v-model=&qu ...
vueinput里只能输入数字_大佬们，vue里面限制input只能输入数字怎么做啊？
可以参考下面的,目前这个是限制,只能输入数字,小数点只保留2位,限制不能输入空格 new Vue({ el: "#app", data: { a: "" }, ...
用js使得输入框input只能输入数字
JS判断只能是数字和小数点 1.文本框只能输入数字代码(小数点也不能输入) <input οnkeyup="this.value=this.value.replace(/\D/g,'' ...
正则：element ui input只能输入数字及数字后两位
1:使用表单校验 <el-inputv-model="param.value"placeholder="起始备用金"/>value: [{ requ ...
微信小程序：正则 input只能输入数字
<input type="number" auto-focus focus='{{focus}}' value="{{value}}" bindinput ...
vue 设置input只能输入数字
方法一: 将<input>标签中的type属性直接设置为number就可以达到只能输入数字.优点:他直接能唤起数字键盘,缺点:它只能作用于网页端,在手机输入的话还是可以输入汉字或英 ...

如何限制el-input只能输入数字

如何限制el-input只能输入数字相关推荐

最新文章

热门文章