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

マット:

フィールドが正しく入力されているかどうかを尋ねる警告のある単純なフォームの場合、これを行う関数が必要です。

  • 次の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);">

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

フォームの送信または確認ダイアログの後に送信をキャンセル

分類Dev

フォーム送信の確認ダイアログでキャンセルをクリックしてもフォームは送信されます

分類Dev

Javascript selectonchange送信フォーム

分類Dev

ダイアログボックスのキャンセルまたはescボタンは、「False」という名前のファイルを保存します

分類Dev

フォームのクリア/送信Javascript

分類Dev

確認フォームの再送信ダイアログを抑制します

分類Dev

HTMLフォーム送信POSTS入力ボタン/送信値; JavaScriptフォームの送信はしません

分類Dev

Javascript検証後のフォーム送信

分類Dev

YiiとJavascriptフォームの送信

分類Dev

リンク送信されたフォームは、送信時の返信確認メッセージをバイパスします

分類Dev

フォーム送信を聞く-Javascript

分類Dev

フォーム送信を防止するJavascript

分類Dev

Javascriptフォーム検証送信機能

分類Dev

複数のJavaScriptフォームを送信するフォームロボット

分類Dev

フォーム送信時のアラート確認ボックス

分類Dev

Javascriptが機能しないフォーム送信のキャンセル

分類Dev

(GUIスレッドの)[再試行/キャンセル]ダイアログボックスを使用して、QThreadでファイルのアクセス許可を確認する

分類Dev

jQuery確認ダイアログモーダル-フォームを正常に送信できません

分類Dev

フォーム送信時のモーダルボックス

分類Dev

htmlフォームとjavascript送信ボタンを使用したPHPループは、ループ内の最後のフォームのみを送信します

分類Dev

送信時にフォームデータをJavascriptに送信する

分類Dev

支払いのためにjqueryダイアログで確認した後にフォームを送信する

分類Dev

フォームが送信するボタンをクリックしたかどうかに関係なく、キャンセルボタンと送信ボタンを備えたブートストラップモーダルポップアップフォーム

分類Dev

Jqueryダイアログボックスがフォームを送信していません

分類Dev

ボタンをクリックしてアラートボックスを確認し、キャンセル時にクエリを送信します

分類Dev

Javascriptでキャッチされないフォーム送信

分類Dev

javascriptの確認はフォームの送信を停止しません

分類Dev

JavaScriptを使用してファイルのアップロードをキャンセルするにはどうすればよいですか?しかし、男性はAjaxリクエストで残りのフォームフィールドを送信できます

分類Dev

KendoMVCキャンセルフォーム送信-フォームは常に送信します

Related 関連記事

  1. 1

    フォームの送信または確認ダイアログの後に送信をキャンセル

  2. 2

    フォーム送信の確認ダイアログでキャンセルをクリックしてもフォームは送信されます

  3. 3

    Javascript selectonchange送信フォーム

  4. 4

    ダイアログボックスのキャンセルまたはescボタンは、「False」という名前のファイルを保存します

  5. 5

    フォームのクリア/送信Javascript

  6. 6

    確認フォームの再送信ダイアログを抑制します

  7. 7

    HTMLフォーム送信POSTS入力ボタン/送信値; JavaScriptフォームの送信はしません

  8. 8

    Javascript検証後のフォーム送信

  9. 9

    YiiとJavascriptフォームの送信

  10. 10

    リンク送信されたフォームは、送信時の返信確認メッセージをバイパスします

  11. 11

    フォーム送信を聞く-Javascript

  12. 12

    フォーム送信を防止するJavascript

  13. 13

    Javascriptフォーム検証送信機能

  14. 14

    複数のJavaScriptフォームを送信するフォームロボット

  15. 15

    フォーム送信時のアラート確認ボックス

  16. 16

    Javascriptが機能しないフォーム送信のキャンセル

  17. 17

    (GUIスレッドの)[再試行/キャンセル]ダイアログボックスを使用して、QThreadでファイルのアクセス許可を確認する

  18. 18

    jQuery確認ダイアログモーダル-フォームを正常に送信できません

  19. 19

    フォーム送信時のモーダルボックス

  20. 20

    htmlフォームとjavascript送信ボタンを使用したPHPループは、ループ内の最後のフォームのみを送信します

  21. 21

    送信時にフォームデータをJavascriptに送信する

  22. 22

    支払いのためにjqueryダイアログで確認した後にフォームを送信する

  23. 23

    フォームが送信するボタンをクリックしたかどうかに関係なく、キャンセルボタンと送信ボタンを備えたブートストラップモーダルポップアップフォーム

  24. 24

    Jqueryダイアログボックスがフォームを送信していません

  25. 25

    ボタンをクリックしてアラートボックスを確認し、キャンセル時にクエリを送信します

  26. 26

    Javascriptでキャッチされないフォーム送信

  27. 27

    javascriptの確認はフォームの送信を停止しません

  28. 28

    JavaScriptを使用してファイルのアップロードをキャンセルするにはどうすればよいですか?しかし、男性はAjaxリクエストで残りのフォームフィールドを送信できます

  29. 29

    KendoMVCキャンセルフォーム送信-フォームは常に送信します

ホットタグ

アーカイブ