[解決済み] ユーザーが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;
}
});
});
関連
-
echarts-all.js:1 Uncaught TypeError: nullのプロパティ'getAttribute'を読み取ることができません。
-
[解決済み] jQueryイベントKeypress。どのキーが押されたか?
-
[解決済み] Can I make a <button> not submit a form?
-
[解決済み] jQueryで'Enter'でフォームをサブミット?
-
[解決済み] <form>タグの外にあるボタンでフォームを送信する
-
[解決済み] jQueryのn番目の要素を取得する方法
-
[解決済み】jQueryで送信せずにhtml5フォームの検証を強制する方法
-
[解決済み】フォームが送信されないようにするには?
-
[解決済み】HTMLフォームに複数の送信ボタンがある場合
-
[解決済み】送信ボタンがないのにEnterキーを押してフォームを送信する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする
-
[解決済み] Select <a> which href ends with some string
-
[解決済み] JQueryでラジオボタンがチェックされているかどうかを調べる?
-
[解決済み] jQuery.ajaxでmultipart/formdataを送信する。
-
[解決済み] jQueryでPUT/DELETEリクエストを送信する方法は?
-
[解決済み] Twitter Bootstrapのモーダルクローズに関数をバインドする
-
[解決済み] jQueryでオブジェクトに登録されたイベントハンドラを検索する
-
[解決済み] ボタンやリンクを無効化・有効化する最も簡単な方法とは(jQuery + Bootstrap)
-
[解決済み] jQuery .onとhoverの使い分けは可能ですか?
-
[解決済み] jQuery OR Selector?