Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

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

Posted on 2010-11-17
1
Medium Priority
?
1,452 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 63

Accepted Solution

by:
Zvonko earned 1000 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

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

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

This article  is about submitting  form through  ColdFusion.Ajax.submitForm to the action page and send a response back in JSON format which later can be decoded using ColdFusion.JSON.decode. By this way you can avoid the usual page refresh for subm…
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…
This course is ideal for IT System Administrators working with VMware vSphere and its associated products in their company infrastructure. This course teaches you how to install and maintain this virtualization technology to store data, prevent vuln…
This tutorial will teach you the special effect of super speed similar to the fictional character Wally West aka "The Flash" After Shake : http://www.videocopilot.net/presets/after_shake/ All lightning effects with instructions : http://www.mediaf…

721 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