フォームの郵便番号で入力制限をかけたい | Community
Skip to main content
Level 1
June 16, 2021

フォームの郵便番号で入力制限をかけたい

  • June 16, 2021
  • 1 reply
  • 164 views

メディカル・プリンシプル社の竹内と申します。

 

自社会員向けに、マルケトフォームで郵便番号の入力フィールドを作成しています。

3ケタと4ケタでフィールドを分けず、同じフィールドで999-9999と

ハイフン付きで入力させたく、マスク機能を使って設定しました。

 

フィールドタイプ:テキスト

入力マスク:999-9999

 

PC(Win/Chrome)では問題なく入力できますが、
iPhoneの日本語入力モードの数字入力では

・数字を入力しても表示されない
・カーソルの位置がおかしい
・2文字しか入力していないのにおかしな数字が入力されてしまう

といった変な挙動になってしまいます。


▼17と入力しても、7が表示されない

 

※iPhone英語モードに切り替えると問題なく入力できます

※Androidでは未検証

 

そもそもな疑問で恐縮ですが、
入力マスクはスマホの日本語モードで数字を入力しようとしても効かないのでしょうか?

ユーザーの6割以上がスマホから入力するので、入力マスク使用=英語モードへの切り替え必須であれば、

そこで離脱してしまいそうなので他の方法を考えます。

 

郵便番号欄を設けている方で、「自分はこうしている」という事例があれば教えていただきたいです。

よろしくお願いいたします。

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

Level 1
June 29, 2021

竹内さま

 

私もこの件、後から気づき、サポートに問いあわせをしたところ、フィールドタイプを数値で逃げました。

ですが、数値で設定すると、0から始まる郵便番号の場合、ゼロ落ちしてしまうことが分かり、

再度テキストに戻しました。

 

これですと、結局、フィールドタイプはテキストで、入力マスクに何も設定しない、という状態になるのか、、と思っていますが、

入力が面倒なのは離脱にもつながると聞いているので、そこをどう対応するのか、ぜひ私も知りたいです…。

Level 1
July 6, 2021

kyw

コメントありがとうございます!気づくのが遅くなって申し訳ございません。

 

フィールドタイプ数値だと、確かに0落ちしますね。

 

私もサポートへ問い合わせたところ、やはり入力マスク機能を使用してiPhone「日本語かなキーボード」から数字入力すると、正しく入力できない事象があるそうです。

フルキーボードの数字入力モードなら可能ですが、当社ユーザーの年齢層が幅広く離脱に繋がると考え、

入力マスク機能は使用せずフィールドタイプ:テキストに戻しました。

 

あとは郵便番号3ケタと4ケタの二つフィールドを用意するしかないのかもしれません。

 

Level 1
July 11, 2021

竹内さま

 

ご返信いただきありがとうございます!

 

>入力マスク機能は使用せずフィールドタイプ:テキストに戻しました。

 

ご一緒ですね…。

テキストにすると、スマートフォンからだと数字が入れにくいので数字入力に強制的に変えたいのですが、こうして逃げるしかないんですね…。残念です…。

 

繰り返しになりますが、ご返信ありがとうございます。

弊社も引き続き、テキスト and 入力マスクなし の設定でいきます。