vue中如何實現input輸入校驗字母數字組合且長度小于30

小編給大家分享一下vue中如何實現input輸入校驗字母數字組合且長度小于30，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

具體代碼如下所示：

<Input v-model="form.glhm" placeholder="請輸入關聯交易號"  @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"

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”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！