下面一段代碼給大家分享vue input 校驗字母數(shù)字組合且長度小于30，具體代碼如下所示：

<Input v-model="form.glhm" placeholder="請輸入關(guān)聯(lián)交易號" style="width:240px" @on-blur="validateJyh(form.glhm)"></Input> validateJyh(glhm){//校驗關(guān)聯(lián)交易號     var reg = /^[A-Za-z0-9]{1,30}$/;     if(!reg.test(glhm)){      this.$Message.error("請輸入字母或數(shù)字組成的交易關(guān)聯(lián)號");      this.form.glhm = '';     }    }, 

下面看下在Vue.Js下使用el-input框只能輸入數(shù)字并限制位數(shù)并且限制中文輸入以及粘貼

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 || newRegExp(reg).test(value) ==false) {setTimeout(() => {this.searchForm.msel.mselTotalConsumTimes ='';   }, 500);}}},

總結(jié)

以上所述是小編給大家介紹的vue input 校驗字母數(shù)字組合且長度小于30的實現(xiàn)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對錯新站長站網(wǎng)站的支持！