Solved

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

Posted on 2010-11-17
1
1,303 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

PROBLEM:  How to open a cfwindow or run a function on double click of a cfgrid row. One of my clients wanted to be able to double click on a row item to get more detailed information about a transaction and to be able to modify the line items i…
I spent nearly three days trying to figure out how incorporate OAuth in Coldfusion for the Eventful API. Hopefully, this article will allow Coldfusion Programmers to buzz through the API when they need to. Basically, what this script does is authori…
This demo shows you how to set up the containerized NetScaler CPX with NetScaler Management and Analytics System in a non-routable Mesos/Marathon environment for use with Micro-Services applications.
Concerto provides fully managed cloud services and the expertise to provide an easy and reliable route to the cloud. Our best-in-class solutions help you address the toughest IT challenges, find new efficiencies and deliver the best application expe…

914 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now