フォーム内でのエンターキーで、送信は無効化しつつテキストエリア内では改行させたい。かつ送信時に入力必須項目のチェックも行いたい。

Question

次の項目を同時に実装したいです。
(1)Formの中でエンターキーでのsubmit送信を無効化
(2)textarea内ではエンターキーで改行できる（エンターキーを無効化しない）
(3)フォームの送信時にrequiredのチェックを入れる

試したこと
１．Javascriptでエンターキー不可に

document.onkeypress = function(){
  if(event.keyCode === 13){
    return false;
  }
}

と記述したところ、全面的にエンターキー不可になってしまい、(1)は実現できましたが、(2)に対応できませんでした。

２．submitボタンの削除

<input type="submit">
による送信をやめて

<input type="button" onclick="form.submit()">
で送信するようにしました。

これにより(1)(2)は実現できましたが、(3)ができなくなってしまいました。

Answer 1

投稿した直後に自己解決・・・。
投稿を削除できなかったので解決方法を記載しておきます。

フォームパーツ.addEventListener('focus',function(){
  event.target.onkeypress = function(e){
    if(e.keyCode===13){
      return false;
    }
  }
})

これでfor構文を使うなりしてtextarea以外の要素全部に指定していけばできそうです。

Comments

[AkitoshiManabe]

e.target.nodeName !== "TEXTAREA" で切り分ける方法もあります。