vue input 输入校验字母数字组合且长度小于30的实现代码


            下面一段代码给大家分享vue input 校验字母数字组合且长度小于30，具体代码如下所示：





<Input v-model="form.glhm" placeholder="请输入关联交易号" style="width:240px" @on-blur="validateJyh(form.glhm)"></Input> 



validateJyh(glhm){//校验关联交易号 

    var reg = /^[A-Za-z0-9]{1,30}$/; 

    if(!reg.test(glhm)){ 

     this.$Message.error("请输入字母或数字组成的交易关联号"); 

     this.form.glhm = ''; 

    } 

   }, 



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





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

}

}

},



总结

以上所述是小编给大家介绍的vue input 校验字母数字组合且长度小于30的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对中文源码网网站的支持！