Vue 입력 입력 확인 조작 방법 영숫자 조합이며 길이가 30 미만입니다.

이번에는 인증문자와 숫자 조합을 입력하기 위한 Vue 입력 조작 방법을 보여드리겠습니다. 길이는 30자 미만입니다. Vue 입력을 조작하여 인증 문자와 숫자 조합을 입력할 때의 주의사항은 무엇이며 길이는 30 미만. 다음은 실제 사례를 살펴보겠습니다.

문자와 숫자의 조합 길이가 30자 미만인지 확인하기 위해 vue 입력을 위해 다음 코드를 공유합니다.

<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;; 
    } 
   },

아래에서 el-를 사용하여 살펴보겠습니다. Vue.Js 아래의 입력란은 숫자와 제한 숫자만 입력할 수 있고 중국어 입력 및 붙여넣기를 제한합니다

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

한자를 입력하고 공란으로 두는 방법

<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);
}
}
},

이 글의 사례를 읽으신 후에는 방법을 마스터하셨으리라 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

추천 도서:

Vue를 사용하여 Amap을 만들고 실시간 버스 애플리케이션을 구축하는 방법

seajs를 사용하여 require에 규칙을 작성하는 방법

위 내용은 Vue 입력 입력 확인 조작 방법 영숫자 조합이며 길이가 30 미만입니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!