テキストボックスに入力された値が”correct”かどうかを判定します。
“correct”でなければ、不正であるとの表示を出して、submitをキャンセルします。
Events/API/jQuery
submit(fn)
各要素のsubmitイベントに関数をbindします。
submitイベントは通常、フォームがsubmitされた際に呼び出されます。
jQueryのイベントは、コールバック関数の最初の引数でjQuery.Eventオブジェクトを受け取ることができます。このオブジェクトを使って、規定のイベント動作のキャンセルや、バブリングの抑制などを行います。
submitイベントは通常、フォームがsubmitされた際に呼び出されます。
jQueryのイベントは、コールバック関数の最初の引数でjQuery.Eventオブジェクトを受け取ることができます。このオブジェクトを使って、規定のイベント動作のキャンセルや、バブリングの抑制などを行います。
サンプル
サンプル1
<p>Type 'correct' to validate.</p>
<form action="javascript:alert('success!');">
<div>
<input type="text" />
<input type="submit" />
</div>
</form>
<span></span>
$("form").submit(function() {
if ($("input:first").val() == "correct") {
$("span").text("Validated...").show();
return true;
}
$("span").text("Not valid!").show().fadeOut(1000);
return false;
});
[全コードを表示]
[実行結果を単体で表示]