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:
- DevOps Certified Professionals (DCP)
- Site Reliability Engineering Certified Professionals (SRECP)
- Master in DevOps Engineering (MDE)
- DevSecOps Certified Professionals (DSOCP)
URL - https://www.devopsschool.com/certification/
My Linkedin - https://www.linkedin.com/in/rajeshkumarin
- Best AI tools for Software Engineers - November 4, 2024
- Installing Jupyter: Get up and running on your computer - November 2, 2024
- An Introduction of SymOps by SymOps.com - October 30, 2024
