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

清空HTML输入框及数值验证

最新推荐文章于 2025-05-24 16:51:05 发布

原创最新推荐文章于 2025-05-24 16:51:05 发布 · 7.6w 阅读

10 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

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

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);
}
}
},