uniappで入力値を大文字に変換する方法

入力値を大文字に変換する Uniapp の方法: まず不要な文字を除外し、数字と文字のみを保持し、次に "if (!/^[A-Z\d] $/.test(val)) を渡します。 {...}" メソッドで文字を小文字から大文字に変換し、最後に return を通じて値を出力します。

このチュートリアルの動作環境: Windows7 システム、uni-app v3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

推奨 (無料): uni-app 開発チュートリアル

uni-app は入力を監視し、小文字を大文字に変更し、不要な文字を除外します

入力フィルタリングや監視を行う場合は、watch を使用して値の変更をリッスンします。インターフェース上の値は、あなたの考えに従って変更されるわけではありません。以下の監視は単なる例です。他のフィルタリング文字が必要です。正規表現を変更する必要があります。

ここでの条件は、入力を監視する場合、入力できるのは数字と文字のみであり、小文字は大文字に変更する必要があります。ナンセンスではありません。コードに移動してください:

入力ボックスの準備ができました。入力を自分で監視する必要があるため、v モデルが分割されて使用されます。入力メソッドがキーです

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

ここで完了しているため、入力フィルタリングの後、ウォッチで formData.vin 変数を再度監視する必要があるため、他の操作が実行されます。

友達の中には、なぜ上記の vinInput メソッドで直接操作しないのかと疑問を持つ人もいるかもしれませんが、それは、Input は入力を監視することしかできないためですが、他の方法でデータを入力する場合は方法がありません。オペレーション。

えええええ

以上がuniappで入力値を大文字に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。