jQuery 基礎チュートリアル

jQuery エフェクト

jQuery 操作方法

jQuery 過滤

jQuery Ajax

jQuery 異種

jQueryのリファレンスマニュアル

jQueryの効果メソッド jQueryのイベント

jQuery submit() メソッド

jQueryのイベント

Submit()メソッドはSubmitイベントをトリガーし、または、Submitイベントが発生したときに実行される関数を追加します。

フォームの提出時にSubmitイベントが発生します。

注意：このイベントは<form>要素上でのみ使用できます。

構文：

選択された要素のSubmitイベントをトリガーする：

$(selector).submit()

関数をSubmitイベントに追加する：

$(selector).submit(function)

例

フォームの提出時に通知メッセージ：

例

$("form").submit(function()　{　
　　alert("submit()のハンドラを呼び出します");
});

テストを見て‹/›

条件が成立しない場合、フォームの提出を防ぐ：

例

$("form").submit(function(event)　{　
　　if($("input:first").val()　===　"Alpha")　{
　　　　return　true;
　　}
　　$("span").text("無効!").show().fadeOut(1000);
　　event.preventDefault();
});

テストを見て‹/›

条件が成立しない場合、フォームの提出を防ぐ：

例

$("form").submit(function(event)　{　
　　if($("input:first").val().length　>=　10)　{
　　　　alert("Good");
　　}　else　{
　　　　alert("必要10文字またはそれ以上の文字");
　　　　$("input:first").css("outline",　"1px　solid　red");
　　　　event.preventDefault();
　　}
});

テストを見て‹/›

引数の値

引数	説明
function	イベントが提交されるたびに実行される関数

jQueryのイベント

jQueryの効果メソッド jQueryのイベント