如何在el-input只能输⼊数字,及input框数字后保留⼩数问题描述
当我们开发项⽬时,常常想限制⽤户只能输⼊纯数字:
解决办法
<el-form-item label="⾓⾊Id*"class="redItem">
<el-input type="text" onkeyup="place(/[^\d]/g,'')" size="small" width="50" v-model="leID" placeholder="请输⼊数字">
</el-form-item>
可以通过给input添加onkeyup事件来实现;
当输⼊值的键盘抬起时触发这个事件。this.value表⽰此输⼊框的值,/\D/g为正则表达式,⽤来匹配所有⾮数字字符;
此句功能为:将输⼊值为⾮数字的字符替换为空;
其他得部分正则:
// 先把⾮数字的都替换掉,除了数字和.
obj.value = place(/[^\d.]/g,"");
// 保证只有出现⼀个.⽽没有多个.
obj.value = place(/\.{2,}/g,".");
// 必须保证第⼀个为数字⽽不是.
obj.value = place(/^\./g,"");
// 保证.只出现⼀次,⽽不能出现两次以上
obj.value = place(".","$#$").replace(/\./g,"").replace("$#$",".");
// 只能输⼊两个⼩数
obj.value = place(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');
// 只能输⼊六位⼩数
input框禁止输入obj.value = place(/^(\-)*(\d+)\.(\d{6}).*$/, '$1$2.$3');
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论