HTML5 "required", leaving an invalid pseudo-class when reset

Question

I have a form that uses HTML5 "required" validation, I found that if you try to submit the form in IE, the inputs will be highlighted in red with an invalid pseudo-class - great.

If I complete the form and submit it via AJAX, then after success is given form.reset (), is an invalid pseudo-class re-applied to form elements that highlight all "required" inputs in red?

How do I reset / completely clear a form, including an invalid pseudo-class?

Answer 1

, , , , .

novalidate , reset , - !

$('#my_form').attr('novalidate','novalidate');
$('#my_form').get(0).reset();    
$('#my_form').removeAttr('novalidate');

: , ....

IE, Firefox!

Chrome Opera.

FF , novalidate ?

, , ...

if(/trident/i.test(navigator.userAgent))
{
    $('#my_form').attr('novalidate','novalidate');
    $('#my_form').get(0).reset();
    $('#my_form').removeAttr('novalidate'); 
}
else
{
    $('#my_form').get(0).reset(); 
}

.

Answer 2

javascript-, reset(), , ..

//store after page load to reset when require-
var oldfrmcode=jQuery('.formcontainer').html();

//place following code to reset form require place
jQuery('.formcontainer').html(oldfrmcode);