jQuery Form Events

About This Index

This page is the jQuery Form Events index for the tutorial track. Each row links to a full guide with syntax, examples, and FAQs.

Learn the jQuery overview on /jquery. Use this page when you need a form event such as focus, change, or submit.

How to Call a Form Event

Bind with .on() and fire with .trigger()—same pattern as click or keydown:

$("#email").on("focus", function () {
  $(this).addClass("active");
});

$("#email").on("blur", function () {
  // validate when the user leaves the field
});

$("form").on("focusin", "input", function () {
  console.log("field focused:", this.name);
});

$("#qty").on("change", function () {
  console.log($(this).val());
});

$("form").on("submit", function (event) {
  event.preventDefault();
  // Ajax submit…
});

jQuery Form Events Table

All Form Events guides in this jQuery tutorial series (14 tutorials).