Formのテキストタイプに半角英数字しか入力させたくない場合の処理

Formのテキストで半角英数字しか入力させたくない場合ってありますよね。

  • 郵便番号
  • 電話番号
  • メールアドレス

そんなときは、inputタグに「style=”ime-mode:disabled;”」を記述すれば半角英数字のみ入力できるようになります。

<input type=”text” name=”name” style=”ime-mode:disabled;” />

 

電話番号や郵便番号は最大文字数が決まってるんで「maxlength」も合わせて設定しておくとよいでしょう。

<input style=”ime-mode: disabled;” type=”text” name=”name” maxlength=”” />

下記フォームに郵便番号を入力してみてください。「-」は今回含まない7文字で設定しました。

Related articles