jQueryフォームイベントの例

jQueryフォームイベントの例

jQueryには、フォーム要素のアクションを処理する5つの一般的なフォームイベントが付属しています。

1. フォーカス()

要素にフォーカスがあるときに発生します。

$("input,select,textarea").focus(function () {
    //do something
});

2. blur()

要素がフォーカスを失ったときに起動します。

$("input,select,textarea").blur(function () {
    //do something
});

3. 変化する()

チェックボックス、ラジオボタン、テキストボックスの値を更新するなど、要素の値が変更されたときに発生します。

$("input,select,textarea").change(function () {
    //do something
});

4. 選択()

要素内のテキストを強調表示するときに発生します。テキストボックスまたはテキストエリアのみに制限されます。

$("input,textarea").focus(function () {
    //do something
});

5. 送信()

フォームを送信しようとしたときに起動し、フォーム要素のみにバインドします。

$("form").focus(function () {
    //do something
});

自分で試してください











jQuery form events - focus(), change(), blur(), select(), submit() example

TextBox :
Radio : Male Female
CheckBox : Check Me
Country :