jQuery submit() method

jQuery Events

The Submit() method triggers the Submit event, or attach a function to be executed when the Submit event occurs.

The Submit event occurs when the form is submitted.

Note:This event can only be used on <form> elements.

Syntax:

Trigger the Submit event of the selected element:

$(selector).submit()

Attach a function to the Submit event:

$(selector).submit(function)

Example

When submitting the form, a reminder message is displayed:

$("form").submit(function()　{　
　　alert("Submit() handler called");
});

Prevent form submission unless the condition is met:

$("form").submit(function(event) {　
　　if($("input:first").val() === "Alpha") {
　　　　return true;
　　}
　　$("span").text("Invalid!").show().fadeOut(1000);
　　event.preventDefault();
});

Prevent form submission unless the condition is met:

$("form").submit(function(event) {　
　　if($("input:first").val().length >=　10) {
　　　　alert("Good");
　　} else {
　　　　alert("Need10or more characters");
　　　　$("input:first").css("outline", "");1px solid red");
　　　　event.preventDefault();
　　}
});

Parameter Value

jQuery Events