1. ホーム
  2. ジャバスクリプト

[解決済み】JavaScriptのフォーム送信 - 送信の確認またはキャンセルダイアログボックス

2022-04-20 07:58:20

質問

フィールドが正しく入力されたかどうかを尋ねるアラートがある単純なフォームのために、私はこれを行う関数が必要です。

  • ボタンがクリックされると、2つの選択肢を持つアラートボックスが表示されます。

    • OK"がクリックされると、フォームが送信されます。
    • キャンセルをクリックすると、アラートボックスが閉じ、フォームを調整して再送信することができます。

JavaScriptで確認すればいいと思うのですが、方法がわからないようです。

今あるコードは

function show_alert() {
  alert("xxxxxx");
}
<form>
  <input type="image" src="xxx" border="0" name="submit" onclick="show_alert();" alt="PayPal - The safer, easier way to pay online!" value="Submit">
</form>

解決方法は?

簡単な インラインJavaScriptで確認 で十分です。

<form onsubmit="return confirm('Do you really want to submit the form?');">

は必要ありません。 外部関数 をしているのでなければ バリデーション というようなことができます。

<script>
function validate(form) {

    // validation code here ...


    if(!valid) {
        alert('Please correct the errors in the form!');
        return false;
    }
    else {
        return confirm('Do you really want to submit the form?');
    }
}
</script>
<form onsubmit="return validate(this);">