radio selection validation is not working correct

Hello,

Normally when I'm using the validate-one-required option for a group radio buttons,one warning text is showing for the whole radio group, after choosing one radio button the warning text is disappearing.
>>>see image:


But now for a new form it is very strange, it shows for every radio button in a group the warning text and after choosing one, the other text is still there only the chosen radio button the text is disappearing >>>see image:


I tried some things as:
-a class radio validate-one-required LV_invalid_field to the input field, tested with and without, nothing helps
-changing the id in all kabeltype_0 but didn't help

Hopefully somebody can help me.
Best regards,
Stephanie
For both I'm using: V 3.2 09 Nov 2010

    
  	<input class="radio validate-one-required LV_invalid_field" title="Maak uw keuze" name="kabeltype" type="radio" value="Category 5E" id="kabeltype_0"/> 
    	<label>Category 5E </label> 
    
  
    	<input class="radio validate-one-required LV_invalid_field" title="Maak uw keuze" name="kabeltype" type="radio" value="Category 6" id="kabeltype_1"/> 
      	<label>Category 6 </label>    
    
     
    	<input class="radio validate-one-required LV_invalid_field" title="Maak uw keuze" name="kabeltype" type="radio" value="Category 6A" id="kabeltype_2"/> 
      	<label>Category 6A </label>   
 
 
      	<input class="radio validate-one-required LV_invalid_field" title="Maak uw keuze" name="kabeltype" type="radio" value="Category 7" id="kabeltype_3"/> 
      	<label>Category 7 </label>   
      	 

Hi Stephanie,

You only need the validation class in one radio button/checkbox in the group. And the inputs must share a common immediate parent tag (if they are in different table rows then the validation won't work).

Bob

Tnx Bob, I had each in an own div :-)... tnx for your help.

regards,
Stephanie

Hi Bob,

I have the same problem. My radio validation is not working correct as well. My problem arise after reload of the page and there is an error.

I have two radio button, one is the district radio which is initially selected to show the two ajax double drop down menu. The other radio button is the school which if selected will hide the two double ajax drop down menu and empty it and show the school drop down menu only. Selecting one of each on the first time is no problem. It does show the the correct <div> in the radio button selected. However, the problem show when I select the "school" radio button instead of the district and click the "submit button" then the page reload due to an error, my selected radio button which is "school" disappear and goes back to the initial selection which is "district" and show the double drop down menu. Also, when I tried to select school again in the same page, the <div> in my school radio button does not work anymore. I checked in firefox and it gives me this error message.
Please help. Thanks and hope to hear from you soon.

Hi jmarian1,

I barely understand the logic that you are using here now. The only answer that I can give is that you have to add JaavScript, and possibly hidden inputs, to the page that will let you write a script to re-establish the previous settings.

The ChronoForms republisher will do it's best to reset values by reading the Form HTML, but when you are using Ajax the selector may not be present in the Form HTML.

Bob

Hi Bob. Thanks. I managed to make it work.