Hi,

 

I have been doing some testing with form validation using the validate plugin. I found an issue in IE8 when using the supplied demo page for radio buttons; radio-checkbox-select-demo.html.

 

If you submit the form without selecting a radio button option the error message is displayed and the first radio button in the list is highlighted with a red dotted border. Although it's probably not ideal for the first option to be highlighted because it tends to indicate it is the one that should be selected the real problem is that if you select an option other than the first radio button although the error message disappears the highlighting remains around the first option.

 

I like the visual feedback given by the highlighting on the other form elements so would like to keep it but would like to remove it from the radio button group to prevent the confusion this might cause.

 

Can anyone suggest a workaround?