submit only if html control values has been modified or else return true using javascript

Question

0.00/5 (No votes)

See more:

HI Friends,,
I have a simple HTML form with some 4-5 controls like name,address,city(dropdown)..etc. which is already filled or binded from the database to the form.. Its like a edit form.

Now when i click on the Submit or Update button it has to loop through all the control, if any controls previous value doesn't match with the current value then "Update" update it. Else display a message that "No changes have been done";

Any idea

Posted 21-Aug-14 19:09pm

PRAKASH_N

Add a Solution

Comments

Sergey Alexandrovich Kryukov 22-Aug-14 1:38am

You already described some reasonable algorithm. What prevents you from doing exactly that?
—SA

PRAKASH_N 22-Aug-14 1:45am

is there any way to loop through only with TextBoxes,CheckBoxes,Dropdowns,Radio buttons..

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Peter Leow · Answer 1 · 2014-08-21T20:00:00

Solution 1

When you first populate the controls, store the original values in corresponding hidden fields. When the user hits submit button, use javascript or jquery to check the value in each control against its corresponding hidden field. Got it?
Refer: How to loop through all elements of a form jQuery[^]

Posted 21-Aug-14 20:00pm

Peter Leow

Comments

PRAKASH_N 22-Aug-14 2:03am

yeah i got... but form size will grow if i have more than 20 textboxes and dropdowns...

Neetin_1809 · Answer 2 · 2014-08-21T20:06:00

Hello ,
BAsically take two Hidden fields uxHiddPrevVal ,uxDetectChange.
On focus of textbox set the previous value of that textbox to that hidden field uxHiddPrevVal .Ob blur campare the values of the hidden field uxHiddPrevVal to the textbox,if unmatched sets the value of anotheir hidden field uxDetectChangeto 1.

Now for anotheir textbox set,on focus set the values to that hidden field to the previous value.If the user does not changes the value then the hidden field uxDetectChange is alreadys set to 1.
On Click Of Update Button Detect the Value of that hidden field.if hidden field is set to 1, then allow Update therwise display a message that "No changes have been Made"
Have You Got it.

Hope it helps you.
Happy Coding:-)