Solved

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

Posted on 2010-11-17
1
1,342 Views
Last Modified: 2012-05-10
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
0
Comment
Question by:robinsf
1 Comment
 
LVL 63

Accepted Solution

by:
Zvonko earned 250 total points
ID: 34162178
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

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Coldfusion 8 equivalent of the cf9 "new" 4 52
How can I use EncodeForURL() in ColdFusion with CFGRID 5 56
Database set up 5 79
Comparing 2 Lists Coldfusion 8 55
Hi, Even though I have created this Tutorial on My personal Blog, Some people might not able to find my website, So here i am posting it again Today, from the topic it is very clear that i will be showing you here the very basic usage of how we …
Sometimes databases have MILLIONS of records and we need a way to quickly query that table to return the results me need. Sure you could use CFQUERY but it takes too long when there are millions of records. That is why SOLR was invented. Please …

820 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question