テーマを変更中で、表示が崩れているところがあります…!

【Bubble】全角入力を禁止したい

.bubble
.bubble

.bubbleで作るアプリ内で、ログインIDなど半角英数字のみの入力としたいフィールドがあったので、以下のように対応しました。

Inputはtextに設定していますが、正規表現で入力内容に全角があるかどうかを確認し、エラーメッセージを表示するようにしました。

Bubble Input 全角を禁止

全角を入力するとこんな感じでエラーを表示します。

Bubble Input 半角のみ結果

保存ボタンをクリックできないようにするなどの方法で、全角入力禁止にすることはできますね。
全角チェックだけでなく、他のチェックでも使えますね。

タイトルとURLをコピーしました