テキストボックスの初期入力言語について

Question

前提・実現したいこと

JavaScriptのテキストボックスで以下のような制御を実現したいと考えています。

・日本語のみ入力可能とする
・英数字のみ入力可能とする
・初期入力を日本語とする（IMEの日本語入力とする）

実現可能でしょうか。よろしくお願いします。

Comments

[m.ts10806]

可能か不可能かだけで良いんですよね？にしても丸投げなのでもう少し調べて試してから質問してください。

[ikadzuchi]

「日本語のみ」という制限を掛ける理由を教えてください。それにより「日本語」の範囲、取るべき方法、その可不可が決まります。

Answer 1

こんな感じで

<script>
window.addEventListener('DOMContentLoaded', function(e){
  document.querySelector('#t1').addEventListener('input',function(e){
    var v1=e.target.value;
    if(v1!==""){
      if(v1.match(/^[0-9a-z]+$/i)){
        console.log("英数字のみ");
      }else{
        var v2=v1.replace(/./g,function(x){
          return x.length==encodeURIComponent(x).replace(/%../g,"x").length?"":x;
        });
        console.log(v1==v2?"多バイトのみ":"シングルバイト含む");
      }
    }
  });
});
</script>
<input type="text" id="t1">

IMEの制御についてはこちらの回答を参照ください