[解決済み】フォーム送信を停止させるJavaScriptコード
2022-04-01 18:33:45
質問
フォーム送信を停止させる方法として、JavaScriptの関数からfalseを返すという方法があります。
送信ボタンがクリックされると、バリデーション関数が呼び出されます。フォームのバリデーションでは、あるケースがありますね。その条件を満たした場合、私は以下の名前の関数を呼び出します。 returnToPreviousPage()です。
function returnToPreviousPage() {
window.history.back();
}
私はJavaScriptを使用しており Dojoツールキット .
前のページに戻るのではなく、フォームを送信してしまいます。この送信を中止し、前のページに戻るにはどうしたらよいでしょうか?
解決方法を教えてください。
関数の戻り値を使って、フォーム送信を阻止することができます
<form name="myForm" onsubmit="return validateMyForm();">
といった関数があります。
<script type="text/javascript">
function validateMyForm()
{
if(check if your conditions are not satisfying)
{
alert("validation failed false");
returnToPreviousPage();
return false;
}
alert("validations passed");
return true;
}
</script>
Chrome 27.0.1453.116 mの場合、上記のコードが動作しない場合は、次のようにしてください。 イベントハンドラのパラメータreturnValueを設定する を false に設定すると動作するようになります。
サムさん、情報提供ありがとうございます。
EDIT :
Vikram の validateMyForm() が false を返した場合の回避策に感謝します。
<form onsubmit="event.preventDefault(); validateMyForm();">
ここで、validateMyForm() はバリデーションに失敗した場合に false を返す関数です。重要なポイントは、イベント名を使用することです。例えば e.preventDefault() のように使うことはできません。
関連
-
[解決済み】jquery $.ajaxオブジェクトのresponseJSONプロパティを取得する方法 [重複]。
-
[解決済み】Uncaught ReferenceError。Reactが定義されていない
-
[解決済み】Syntax error: JavaScriptの不正なreturnステートメント
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み】JavaScriptの比較では、どちらの等号演算子(== vs ===)を使うべきですか?
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQueryで、ユーザーがそのフィールドを編集している間、テキストフィールドの最初の文字を大文字にするにはどうすればよいですか?
-
[解決済み】Angular JS Uncaught Error。[インジェクター:モジュラー]。
-
[解決済み】JavaScriptのisset()に相当するもの
-
[解決済み】webpack: モジュールが見つかりません。Error: 解決できない(相対パスで)
-
[解決済み】BootstrapのCollapseが折りたたまれない
-
[解決済み] テスト
-
[解決済み】Uncaught SyntaxError: JSON の位置 0 に予期しないトークン u があります。
-
[解決済み】JS ファイルが net::ERR_ABORTED 404 (Not Found) を取得する)
-
[解決済み】ES6マップオブジェクトをソートすることは可能ですか?
-
[解決済み】 \u003C とは何ですか?