半角全角の入力を制御する のバックアップソース(No.2)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• バックアップ を表示
• 半角全角の入力を制御する へ行く。
  • 1 (2018-04-09 (月) 02:46:55)
  • 2 (2018-04-09 (月) 02:54:40)

[[jQueryめも]]

cssで ime-mode: disabled; を指定すればInternet ExplorerやFirefoxは制御できますが、Chromeは言うことを聞いてくれません。

HTML5ではinput typeに電話番号入力欄を作成するtelが指定できます。~
数字やハイフン程度しか入力できないイメージがありますが、英字も入力できてしまいます。~
なのでこの機能を流用します。

通常はinput typeはtextでime-mode: disabled;としておく。~
Chromeであればinput typeをtelに変更してしまう。

 <style>
 #username {
     ime-mode: disabled;
 }
 </style>
 <script>
 $(function() {
     var agent = window.navigator.userAgent.toLowerCase();
     if (agent.indexOf('chrome') != -1) {
         document.getElementById('username').type = 'tel';
     }
 });
 </script>
 
 <form method="post" action="/">
 <input type="text" name="username" id="username">
 <input type="submit" value="送信">
 </form>