.submit()
要素のsubmitイベントにバインドします。また、submitイベントを実行します。
- .submit( handler(eventObject) ) 1.0追加
- .submit( [eventData], handler(eventObject) ) 1.4.3追加
- .submit() 1.0追加
- デモ
- submit処理が実行されない現象について
このメソッドは、1つ目と2つ目は.bind('submit', handler)への、3つ目は.trigger('submit')への ショートカットです。
submitはユーザがフォームから送信処理を行った際にイベントが通知されます。 <form>要素でしか利用することが出来ません。 フォームは<input type="submit">、<input type="image">、<button type="submit">のいずれかがクリックされるか、 またはフォーム要素がフォーカスを持っている状態でEnterキーを押された時に送信処理が行われます。
.submit( handler(eventObject) ) 1.0追加
戻り値:jQuery
| 引数 | 説明 |
|---|---|
| handler | イベントが発生した際に、実行したい処理を関数として指定します。 |
$("form").submit( function () {
return this.some_flag_variable;
} );
.submit( [eventData], handler(eventObject) ) 1.4.3追加
戻り値:jQuery
| 引数 | 説明 |
|---|---|
| [eventData] | マップ値を指定することで、データをイベントハンドラーに渡すことが出来ます。 |
| handler | イベントが発生した際に、実行したい処理を関数として指定します。 |
.submit() 1.0追加
戻り値:jQuery
$("form:first").submit();
デモ
correctとテキストフィールに入力されている場合のみ、送信成功とみなします。
<!DOCTYPE html>
<html>
<head>
<style>
p { margin:0; color:blue; }
div,p { margin-left:10px; }
span { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>'correct'と入力して、送信ボタンを押してください。</p>
<form action="javascript:alert('送信成功!');">
<div>
<input type="text" />
<input type="submit" />
</div>
</form>
<span></span>
<script>
$("form").submit(function() {
if ($("input:first").val() == "correct") {
$("span").text("検証...").show();
return true;
}
$("span").text("入力に誤りがあります!").show().fadeOut(1000);
return false;
});
</script>
</body>
</html>
submit処理が実行されない現象について
© 2010 - 2017 STUDIO KINGDOM