简体繁体中英

Way to check input element changes in a form

原文 2016-05-22 07:08:30 6 2 javascript/ jquery

Is there anyway to check any of the HTML components (ie input elements) value in a form got changed so that i can pop up a alert saying "would like to save changes?" before navigating to other page.

Thanks.

2 answers

Since you have jQuery in your question:

After page load, use $.serialize to create a snapshot of the form.

On submit, run serialize again.

Then you can use use (or create) an isEqual function to compare if there has been a change.

This question might help you on that last step: How to determine equality for two JavaScript objects?

EDIT

jQuery also has a serializeArray method which may make that process easier.

https://api.jquery.com/serializeArray/

jQuery('.form_component').change(function (){..}); , where form_component should be a class common for all your input elements in the form.

Is there a way to check the validity of a single HTML5 input element? (not the entire form)

Best way to check if an item is a form element

the correct way to append an input element to a form

Is there any way to check if an element has any changes on mouseover by javascript?

What is a clean way to check for input changes before issuing an ajax call

Fastest (Javascript/jQuery) way to track changes in a large input form

Check if form field changes

Best way to find “next” form input element in jQuery?

check if the value of the input field changes

Check if an input is empty in form

暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question Is there a way to check the validity of a single HTML5 input element? (not the entire form) Best way to check if an item is a form element the correct way to append an input element to a form Is there any way to check if an element has any changes on mouseover by javascript? What is a clean way to check for input changes before issuing an ajax call Fastest (Javascript/jQuery) way to track changes in a large input form Check if form field changes Best way to find “next” form input element in jQuery? check if the value of the input field changes Check if an input is empty in form

Related Tags

Way to check input element changes in a form

Question

2 answers

solution1
1 2016-05-22 07:24:28

solution2
0 2016-05-22 07:11:16

Way to check input element changes in a form

Question

2 answers

solution1 1 2016-05-22 07:24:28

solution2 0 2016-05-22 07:11:16

solution1
1 2016-05-22 07:24:28

solution2
0 2016-05-22 07:11:16