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

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='';

輸入中文置空的方法

@change="checkNo(searchForm.msel.mselTotalConsumTimes)"

type = "text"

οnkeypress="return event.keyCode>=48&&event.keyCode<=57"

size="small"

:maxlength="6"

style="width: 120px"

v-model="searchForm.msel.mselTotalConsumTimes">

次

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的實現代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對我們網站的支持！

本文標題: vue input 輸入校驗字母數字組合且長度小于30的實現代碼

本文地址: http://www.cppcns.com/wangluo/javascript/228167.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的validate验证长度 vue_vue input 输入校验字母数字组合且长度小于30的实现代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。