So konvertieren Sie den Eingabewert in Uniapp in Großbuchstaben

Uniapps Methode zum Konvertieren von Eingabewerten in Großbuchstaben: Filtern Sie zuerst unnötige Zeichen heraus und behalten Sie nur Zahlen und Buchstaben bei. Übergeben Sie dann „if (!/^[A-Zd]+$/.test(val)) {.. .}“-Methode zum Konvertieren von Zeichen von Kleinbuchstaben in Großbuchstaben; schließlich wird der Wert über die Rückgabe ausgegeben.

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App v3-Version. Diese Methode ist für alle Computermarken geeignet.

Empfohlen (kostenlos): Uni-App-Entwicklungs-Tutorial

Uni-App überwacht Eingaben, wandelt Kleinbuchstaben in Großbuchstaben um und filtert unerwünschte Zeichen heraus.

Beim Filtern und Überwachen von Eingaben verwenden Sie watch. Überwachen von Werteänderungen , die Werte auf der Schnittstelle bleiben unverändert und ändern sich nicht entsprechend Ihrer Vorstellung. Die folgende Überwachung ist nur ein Beispiel. Wenn andere Filterzeichen benötigt werden, muss der reguläre Ausdruck geändert werden.

Hier vorausgesetzt, dass es sich bei der Überwachung der Eingabe nur um Zahlen und Buchstaben handeln kann und Kleinbuchstaben in Großbuchstaben geändert werden müssen. Kein Unsinn, gehen wir direkt zum Code:

Da wir die Eingabe selbst überwachen müssen, teilen wir das V-Modell auf und verwenden es. Die Eingabemethode ist der entscheidende Punkt

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

Denn nachdem ich Um die Eingabefilterung abzuschließen, werde ich andere Dinge tun, da Sie die Variable formData.vin erneut in watch überwachen müssen.

Einige Freunde haben möglicherweise Fragen: Warum nicht die obige vinInput-Methode direkt bedienen? Das liegt daran, dass die Eingabe nur die Eingabe überwachen kann. Wenn Sie die Daten jedoch auf andere Weise eingeben, können Sie die entsprechenden Vorgänge nicht ausführen.

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

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie den Eingabewert in Uniapp in Großbuchstaben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!