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

validateJyh(glhm){//校驗(yàn)關(guān)聯(lián)交易號(hào)

var reg = /^[A-Za-z0-9]{1,30}$/;

if(!reg.test(glhm)){

this.$Message.error("請(qǐng)輸入字母或數(shù)字組成的交易關(guān)聯(lián)號(hào)");

this.form.glhm = '';

}

},

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

var tr = document.getElementById("Id1"), // 取得ID為Id1的tr對(duì)象

inps = tr.getElementsByTagName('input'); // 從tr 對(duì)象中獲取所有input對(duì)象

for(var i = 0, len = inps.length; i < len; i++) {

inps[i].value = ''; // 將每一個(gè)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);

}

}

},

總結(jié)

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

本文標(biāo)題: vue input 輸入校驗(yàn)字母數(shù)字組合且長(zhǎng)度小于30的實(shí)現(xiàn)代碼

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

與50位技術(shù)專家面對(duì)面20年技術(shù)見(jiàn)證，附贈(zèng)技術(shù)全景圖

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。