当前位置：首页 > 资讯 > 系统环境 > 服务器应用

el-input 标签只能输入纯数字

时间：2019-08-22 01:44 作者：月中眠_d56d 来源：月中眠_d56d 阅读：412
扫一扫，手机访问

摘要：问题形容当我们开发项目时，常常想限制客户只能输入纯数字:image上图角色id只能输入纯数字, 怎样实现呢？只要要在el input标签增加代码,如下图所示:image代码如下图 el form item label="角色Id*" class="redItem" el input type=

问题形容

当我们开发项目时，常常想限制客户只能输入纯数字:

image

上图角色id只能输入纯数字, 怎样实现呢？

只要要在el-input标签增加代码,如下图所示:

image

代码如下图

<el-form-item label="角色Id*" class="redItem">  <el-input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" size="small" width="50" v-model="editRoleParam.roleID" placeholder="请输入数字"></el-form-item>

可以通过给input 增加onkeyup事件来实现

当输入值的键盘抬起时触发这个事件。this.value表示此输入框的值，/\D/g为正则表达式，用来匹配所有非数字字符；

此句功能为：将输入值为非数字的字符替换为空；当输入值的键盘抬起时触发这个事件。this.value表示此输入框的值，/\D/g为正则表达式，用来匹配所有非数字字符；

此句功能为：将输入值为非数字的字符替换为空；

placeholder属性是当input框为空时显示的文字提醒;

全部评论(0)

上一篇：利用JS脚本快速删除百度网盘同一目录下的不需要文件（可以参考这个方法删除重复文件）
下一篇：使用C++ IPicture读取显示多种格式的图像，萝莉变大妈事件始末！

云上智慧

店铺

推荐商品