1. ホーム
  2. javascript

[解決済み] 送信ボタンのonclickイベントで、フォーム送信をキャンセルするにはどうしたらいいですか?

2022-02-16 15:06:48

質問

ASP.netのWebアプリケーションに取り組んでいます。

送信ボタンを持つフォームがあります。 送信ボタンのコードは次のようになります。 <input type='submit' value='submit request' onclick='btnClick();'> .

次のようなことを書きたいのです。

function btnClick() {
    if (!validData())
        cancelFormSubmission();
}

どうすればいい?

どのように解決するのですか?

こうすればいいんだ...

<form onsubmit="return isValidForm()" />

もし isValidForm() が返されます。 false の場合、フォームが送信されません。

また、イベントハンドラをインラインから移動させた方が良いでしょう。

document.getElementById('my-form').onsubmit = function() {
    return isValidForm();
};