Reset any form using jQuery

Ethan Karla 447 28 Jul 2021

How to reset any form using jQuery?

Ask by Ethan Karla

Updated 14 Jun 2023

1 Answers

Aryan Kumar 14 Jun 2023

Sure, here is how you can reset any form using jQuery:

Code snippet

// Get the form element
var form = $("#form_id");

// Reset the form
form.reset();

The reset() method of the Form object resets all of the form elements to their default values. This includes text input fields, select boxes, and radio buttons.

For example, the following code will reset the form with the ID myForm:

Code snippet

$("#myForm").reset();

This will reset all of the form elements in the form to their default values.

You can also use the reset() method to reset a form that is not currently displayed on the page. For example, the following code will reset the form with the ID myForm even if it is not currently displayed:

Code snippet

$("#myForm").load("myForm.html").reset();

This will load the form with the ID myForm from the file myForm.html and then reset it.

The reset() method is a useful way to clear all of the data from a form. This can be useful for forms that are used to collect data from users, such as contact forms or registration forms.

Here are some other things to keep in mind when using the reset() method:

The reset() method does not clear the form's submit button. If you want to clear the submit button, you can use the .val() method to set its value to an empty string.
The reset() method does not clear the form's hidden fields. If you want to clear the form's hidden fields, you can use the .val() method to set their values to empty strings.
The reset() method does not clear the form's validation errors. If you want to clear the form's validation errors, you can use the .validate() method to reset the form's validation state.

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

Reset any form using jQuery

Can you answer this question?

1 Answers