Q&A: How can I track the change in a form field before the form was submittedMonday, February 12th, 2007 at 11:33 am
A: There are several ways to do that. You could loop through all the fields when the document has loaded and store their values in an array and loop through and compare with that one when you submit the form (catching this via a submit handler on the form element and not when a button was clicked as the user might hit the enter to submit the form). However, this means you need to loop twice and when you run the loop to read out the values when the document has loaded the user might already have started editing the field. A much cleverer version is to run only one loop when the form was submitted and compare each fieldâ€™s defaultValue property with the value property. It is not that known, but every field has a defaultValue property that stores what has been the value in the value attribute when the element was rendered. The value property stores what was entered in the field at the time you read it out. When the two donâ€™t match, the user has altered the field.
This has been published in the Q&A session of the UK based paper magazine “net”. Reproduction rights were given by the publisher.