1. ホーム
  2. jquery

[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする

2022-03-19 07:57:40

質問

Webサイトでアンケートを実施しているのですが、ユーザーがエンターキーを押してしまい(なぜかわかりませんが)、送信ボタンをクリックせずに誤ってアンケート(フォーム)を送信してしまうという問題があるようです。これを防止する方法はありますか?

アンケートには、HTML、PHP 5.2.9、jQuery を使用しています。

解決方法は?

などを利用することができます。

$(document).ready(function() {
  $(window).keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
  });
});

元記事のコメントを読むと、より使いやすくするため、また、押せるようにするために 入力 を入力してください。

function validationFunction() {
  $('input').each(function() {
    ...

  }
  if(good) {
    return true;
  }
  return false;
}

$(document).ready(function() {
  $(window).keydown(function(event){
    if( (event.keyCode == 13) && (validationFunction() == false) ) {
      event.preventDefault();
      return false;
    }
  });
});