在Vue.Js下使用el-input框只能输入数字并限制位数并且限制中文输入以及粘贴

david840316

于 2017-08-08 13:43:26 发布

阅读量7.6w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/david840316/article/details/76889634

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript来清空HTML页面中指定ID的表格单元格内的所有输入框的方法，并提供了一个具体的例子。此外，还展示了一个通过正则表达式检查数值输入合法性的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var tr = document.getElementById("Id1"), // 取得ID为Id1的tr对象

    inps = tr.getElementsByTagName('input'); // 从tr 对象中获取所有input对象

for(var i = 0, len = inps.length; i < len; i++) {

    inps[i].value = ''; // 将每一个input的value置为空

}






document.getElementById("t").getElementsByTagName('input')[0].value='';





输入中文置空的方法



<el-input
@change="checkNo(searchForm.msel.mselTotalConsumTimes)"
type = "text"
onkeypress="return event.keyCode>=48&&event.keyCode<=57"
size="small"
:maxlength="6"
style="width: 120px"
v-model="searchForm.msel.mselTotalConsumTimes"></el-input>
 次
</el-col>

checkNo(value){
let reg = /^[1-9]\d*$/;
if (value) {
if (value >
999999 || new
RegExp(reg).test(value) ==
false) {
setTimeout(() 
=> {
this.searchForm.msel.mselTotalConsumTimes ='';
         }, 500);
}
}
},