ASP.NET MVC 3 Unobtrusive validation, after server postback, false positive is found by client validation and can't re-post
===

I've setup most of my form information to be validated on the client. But I now have a field that I only want to validate on the server side.

So if there is a problem with that field, then I do a post back to a different URL.

When I try to submit again, jquery validation fires on my 3 text fields that have required attributes. But they all have text in them!

If I cut / paste the text in / out, the validation still stays there! It's like it has cached what the inital value of the field is, and if it stays the same as that, it will be fired.

It's like the required field looks at the inital state of the textfield, and if it finds it hasn't changed, fires the error, even if that value was text.

I've even tried hacky things like looping through each input field. I've tried all the re-parsing of the field. I've even tried navigating to the validation object and blanking the error object. Again very hacky.

Can anyone shed some light on this! Or when you wire up client validation does it have to all pass/fail?

Here is an example of the input before the validator is fired

    <input data-val="true" data-val-required="Required" id="ScreenName" name="ScreenName" placeholder="Screen Name (Can be anything)" size="28" style="width:225px;" type="text" value="Commercial@Commercial.com">

and after

    <input data-val="true" data-val-required="Required" id="ScreenName" name="ScreenName" placeholder="Screen Name (Can be anything)" size="28" style="width:225px;" type="text" value="Commercial@Commercial.com" class="input-validation-error">

Lost 2-3 hours on this stupid thing, so would appreciate any help!