jQuery Form Events: An jQuery for Beginners

What is jQuery Form Events?

Events are things that happen to objects, such as the clicking of a command button or the opening and closing of a form, etc. These events trigger an action to be carried out. The HTMLFormElement interface represents a form element in the DOM; it allows access to and in some cases modification of aspects of the form, as well as access to its component elements. The form events are the same standard JavaScript events , but with added support by jQuery . A form event is fired when a form control receive or loses focus or when the user modify a form control value such as by typing text in a text input, select any option in a select box etc.

What is are Type of jQuery Form Events

There are five types of jQuery Form Events

focus() event => Focus means that the event will be triggered as soon as we focus on an input box. Let’s understand with an example

Example:

My result after going to focus

blur() event => blur means that as soon as we remove focus from it, we call it to blur and my event will be triggered. Let’s understand with an example

Example:

My results after being removed from focus after going to focus

change() Method => Change is the basic we look for with the Select box whenever we change the option of the Select box in the Select box, then this event will be triggered at the same time. Let’s understand with an example

Example:

Result

select() event => Select means that we have a live name written inside an input box, when we select it, then this event gets triggered. Let’s understand with an example

Example:

Result

submit() event => The submit event is one of the more popular form elements (right behind the change event). The method submits () attaches an event handler that executes a function when the submit event occurs or triggers the event. This event occurs whenever a form is submitted. Let’s understand with an example

Example:

Result:

Dharmendra K
Latest posts by Dharmendra K (see all)
Total Page Visits: 63 - Today Page Visits: 1