Comment convertir la valeur d'entrée en majuscules dans Uniapp

Uniapp convertit la valeur d'entrée en majuscules : filtrez d'abord les caractères inutiles, en ne conservant que les chiffres et les lettres ; puis transmettez "if (!/^[A-Zd]+$/.test(val) ) {. ..}" méthode pour convertir les caractères des minuscules en majuscules ; enfin afficher la valeur via return.

L'environnement d'exploitation de ce tutoriel : système windows7, version uni-app v3 Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé (gratuit) : Tutoriel de développement d'uni-app

uni-app surveille les entrées, change les minuscules en majuscules et filtre les caractères indésirables

Lorsque vous effectuez le filtrage et la surveillance des entrées, utilisez la montre pour surveiller la valeur changeante. La valeur sur l'interface ne changera pas selon votre réflexion. La surveillance suivante n'est qu'un exemple. l'expression régulière doit être modifiée.

À condition ici que lors de la surveillance de l'entrée, il ne peut s'agir que de chiffres et de lettres, et les lettres minuscules doivent être remplacées par des lettres majuscules. Sans plus tarder, passons directement au code :

La zone de saisie est prête Parce que nous devons surveiller l'entrée nous-mêmes, nous divisons le v-model et l'utilisons. 🎜>

<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绑定的值一致
},

Parce que je le complète ici Après le filtrage des entrées, d'autres opérations seront effectuées car la variable formData.vin doit être à nouveau surveillée dans la montre.

Certains amis se demandent peut-être pourquoi ne pas utiliser directement la méthode vinInput ci-dessus. En effet, l'entrée ne peut surveiller que l'entrée, mais si vous remplissez les données d'une autre manière, il n'y a aucun moyen d'effectuer les opérations correspondantes.

watch: {
'formData.vin'(val) {
this.vinCheck = null; 
// 如果有17位，则开始请求后台，带出数据
if (val.length == 17) {
// do something
}
}
},

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!