jquery submitメソッド

TOPページに戻る > jquery入門

スポンサード リンク

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>

※サンプルのためサーバーには送信されません

フォーム

りんごと入力してください









(C)2012 ホームページ作成無料