>  기사  >  웹 프론트엔드  >  uniapp에서 입력값을 대문자로 변환하는 방법

uniapp에서 입력값을 대문자로 변환하는 방법

藏色散人
藏色散人원래의
2020-12-09 10:14:223573검색

Uniapp의 입력 값을 대문자로 변환하는 방법: 먼저 불필요한 문자를 필터링하고 숫자와 문자만 유지한 다음 "if (!/^[A-Zd]+$/.test(val)) {.. .}" 문자를 소문자에서 대문자로 변환하는 메서드, 최종적으로 return을 통해 값을 출력합니다.

uniapp에서 입력값을 대문자로 변환하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, uni-app v3 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

권장(무료): uni-app 개발 튜토리얼

uni-app은 입력 입력을 모니터링하고, 소문자를 대문자로 변경하고, 원하지 않는 문자를 필터링합니다.

입력 필터링 및 모니터링을 수행할 때 watch를 사용하여 값의 변화 모니터링 , 인터페이스의 값은 변경되지 않고 사용자의 생각에 따라 변경되지 않습니다. 다음 모니터링은 단지 예일 뿐이며, 다른 필터링 문자가 필요한 경우 정규식을 수정해야 합니다.

여기서 제공하는 입력 모니터링 시에는 숫자와 문자만 가능하며, 소문자는 대문자로 변경해야 합니다. 말도 안 돼요, 바로 코드로 가죠:

입력 상자가 준비되었습니다. 입력을 직접 모니터링해야 하기 때문에 입력 방법이 핵심입니다

<input type="text" placeholder="请输入17位VIN码(必填)" maxlength="17" @input="vinInput" :value="formData.vin" />
过滤方法
// 过滤vin输入
vinInput(e) {
let val = e.detail.value;
if (/[^a-zA-Z0-9]/g.test(val)) { // 先过滤不需要的字符,只保留数字和字母
val = val.replace(/[^a-zA-Z0-9]/g, &#39;&#39;);
}
if (!/^[A-Z\d]+$/.test(val)) {// 再进行转换,小写转为大写
val = val.toUpperCase();
}
this.formData.vin = val; //这里对应的是value绑定的变量
return val; // 最后输出值,要保证输入框的值和value绑定的值一致
},

다음에요. 입력 필터링을 완료하면 watch에서 formData.vin 변수를 다시 모니터링해야 하므로 다른 작업을 수행하겠습니다.

위의 vinInput 메소드를 직접 조작해 보면 어떨까 하는 질문이 있을 수 있습니다. 왜냐하면 입력은 입력을 모니터링만 할 수 있지만, 다른 방식으로 데이터를 입력하면 해당 작업을 수행할 수 없기 때문입니다.

rreee

위 내용은 uniapp에서 입력값을 대문자로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.