スポンサード リンク
jquery submit()メソッド
submitメソッドは、フォームの送信ボタンを押したときに処理を実行するメソッドです
submitメソッドは、フォームの入力データをサーバーに送る前に処理を実行します
submit()メソッドの処理の中にreturn false;を記述するとサーバーに情報が送信されません
$("セレクタ").submit(function(){ フォームの送信ボタンを押したときに実行する処理 });
指定したフォームの送信ボタンを押したときに処理を実行する
下記の場合は、フォームの送信ボタンを押したときにりんごならサーバーに入力した値を送信します。りんごでないならreturn false;で送信を中断します
jquery
$(function() { $("form").submit(function() { if ($("input").val() == "りんご") { $("span#hoge").text("送信しました"); return true; } $("span#hoge").text("りんごじゃないので送信しません"); return false; }); });
html
<form action="javascript:alert('送信されました');"> <fieldset> <legend>フォーム</legend> <p>りんごと入力してください</p> <p><label>入力欄:<input type="text" name="f2" value="" size="45"></label> <br><span id="hoge"></span></p> <p><input type="submit"></p> </fieldset> </form>
※サンプルのためサーバーには送信されません