Ajax removes any changes made my javascript

Question

Using ajax I am causing an OnTextChangedEvent before this happens there is some Javascript that performs a check on the input field for validation and outputs some text based on whether it is valid or not. The Ajax I run resets the changes made by my javascript. It all happens in this order:

Javascript fires!

Text changes show

Ajax fires!

Text changes reset

The ajax partial autopostback is contained in an update panel. Without giving any code away is there anyone who has an idea of a way to stop the javascript changes resetting?

Over the day I will add code as I find time. Thought I would get the question up atleast. Thanks in advanced.

Which control you are use to show validation result text? – Yuriy Rozhovetskiy Oct 10 '11 at 10:57 — Yuriy Rozhovetskiy, Oct 10 '11 at 10:57
have you tried my solution? it fires! – Emanuele Greco Oct 14 '11 at 11:21 — Emanuele Greco, Oct 14 '11 at 11:21

score 1 · Accepted Answer · answered Oct 10 '11 at 10:42

1

The Text changes are made in the DOM-Model and are not transmitted to the server. If the ajax fires it will override the changes in the DOM made by javascript.

Solution is to transmit the validation-texts to the server and to add them again via ajax.

answered Oct 10 '11 at 10:42

CSan

954
1
10
25

Your solution works. But I ended up pushing all Ajax changes to jscript, took slightly longer but felt like it was better practice for what I was doing. – Anicho Oct 10 '11 at 11:40

score 0 · Answer 2 · edited May 23 '17 at 11:55

0

An UpdatePanel completely replaces the contents of the update panel on an update.
This means that those events you subscribed to are no longer subscribed because there are new elements in that update panel.
Full answer here

In your Page or MasterPage, put the following script

<script type="text/javascript">
  Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);

  function EndRequestHandler(sender, args)
  {
    Validate(); //method that performs check on input field
  }   
</script>

edited May 23 '17 at 11:55

Community

1
1

answered Oct 10 '11 at 10:56

Emanuele Greco

12,551
7
51
70

yeah sorry buddy, didn't seem to work for me :(. when I get a moment later today or this week I will give it another shot :). – Anicho Oct 17 '11 at 10:38

Ajax removes any changes made my javascript

2 Answers2