Written by elevenlab employee

[jQuery]formのsubmit前に処理をする

概要

フォーム送信前にJavaScriptでチェック処理をなどを入れたい場合の方法です。
チェックの結果によってsubmitを取り消すこともできます。

コード例

HTML部分

<form id="form_id" action="./action.php" method="post">
    <button type="submit">送信</button>
</form>
  • idが form_id の form があるとする

JavaScript部分

$('#form_id').submit(function() {
    /* チェックの前処理を書いたり */
    if (/* チェック条件を書いたり */) {
        return true; // trueを返すとsubmitが実行される
    } else {
        return false; // falseを返すとsubmitは取り消される
    }
});
  • $('#form_id') で指定したフォームのsubmitボタンが押されると実行される。
  • false を返すことでsubmitを取り消すことができる
この記事を書いた人

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です