Comment utiliser vue input input pour vérifier la combinaison alphanumérique et la longueur est inférieure à 30

Cette fois, je vais vous montrer comment utiliser vue input pour saisir une combinaison de lettre de vérification et de chiffres et dont la longueur est inférieure à 30. Quelles sont les précautions pour utiliser vue input pour saisir une lettre de vérification et combinaison de nombres et la longueur est inférieure à 30, comme suit C'est un cas pratique, jetons-y un coup d'œil.

Le code suivant permet à tout le monde de partager avec vous la combinaison alphanumérique de vérification d'entrée vue et la longueur est inférieure à 30. Le code spécifique est le suivant :

<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 = &#39;&#39;; 
    } 
   },

Regardez ci-dessous dans Vue La boîte de saisie el-input sous .Js ne peut saisir que des nombres et limiter le nombre de chiffres. Elle limite également la saisie et le collage du chinois

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 = &#39;&#39;; // 将每一个input的value置为空
}
document.getElementById("t").getElementsByTagName(&#39;input&#39;)[0].value=&#39;&#39;;

Saisir le blanc chinois. méthode

<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 || new
RegExp(reg).test(value) ==
false) {
setTimeout(() 
=> {
this.searchForm.msel.mselTotalConsumTimes =&#39;&#39;;
   }, 500);
}
}
},

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment utiliser Vue pour créer Amap et créer une application de bus en temps réel

Comment utiliser seajs dans l'accord d'écriture requis

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!