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的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！