下面一段代碼給大家分享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 || newRegExp(reg).test(value) ==false) {setTimeout(() => {this.searchForm.msel.mselTotalConsumTimes =''; }, 500);}}},總結
以上所述是小編給大家介紹的vue input 校驗字母數字組合且長度小于30的實現代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
