Coldfusion: How to I validate radio button group on form submission

I have a Coldfusion form using CFForm.  I'm using CF's validation functionality for most of the elements but I'm not able to get it working for the radio buttons.  I have two groups of radio buttons on the same page that I want to have none of the buttons selected when the user first gets to the page but each group is required to have one button selected before proceeding to the next page.  I believe this can be done with JavaScript but how to integrate it with a form already using CFForm's built in validation?

thanks in advance
robinsfAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
ZvonkoConnect With a Mentor Systems architectCommented:
Here you see two methods how to check Radio buttons in your CFFORM:
<script>
function myRadioCheck(){
  theForm = document.forms.myForm;
  for(var i=0;i<theForm.myseminar.length;i++){
    if(theForm.myseminar[i].checked) return true;
  }
  alert("Select mySeminar value.");
  return false;
}


</script>
<cfform name="myForm" method="post" onSubmit="return myRadioCheck()" >

<cfinput type="radio" name="seminar" value="1" required="yes" message="Select Seminar value." > 1 
<cfinput type="radio" name="seminar" value="2" required="yes" message="Select Seminar value." > 2 
<cfinput type="radio" name="seminar" value="3" required="yes" message="Select Seminar value." > 3 
<br>

<input type="radio" name="myseminar" value="a" > A 
<input type="radio" name="myseminar" value="b" > B 
<input type="radio" name="myseminar" value="c" > C 
<br>
<cfinput name="startDate" type="datefield" label="date:" mask="mm/dd/yyyy" required="yes" />
<br>
<input type="submit" value="mySubmit" >

</cfform>


If it is not confusing to you this version gets the variable theForm passed from ColdFusion:


<script>
function myRadioCheck(theForm){
  for(var i=0;i<theForm.myseminar.length;i++){
    if(theForm.myseminar[i].checked) return true;
  }
  alert("Select mySeminar value.");
  return false;
}


</script>
<cfform name="myForm" method="post" onSubmit="return myRadioCheck(_CF_this)" >

<cfinput type="radio" name="seminar" value="1" required="yes" message="Select Seminar value." > 1 
<cfinput type="radio" name="seminar" value="2" required="yes" message="Select Seminar value." > 2 
<cfinput type="radio" name="seminar" value="3" required="yes" message="Select Seminar value." > 3 
<br>

<input type="radio" name="myseminar" value="a" > A 
<input type="radio" name="myseminar" value="b" > B 
<input type="radio" name="myseminar" value="c" > C 
<br>
<cfinput name="startDate" type="datefield" label="date:" mask="mm/dd/yyyy" required="yes" />
<br>
<input type="submit" value="mySubmit" >

</cfform>

Open in new window

0
All Courses

From novice to tech pro — start learning today.