• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 260
  • Last Modified:

form Validation in CF 7

Hi, i am currently having problem with some validation. i have two radio buttons, as Yes and NO. if user selects yes, then it enables a panel to provide more information from user. and those fields are required in the form. but if they select No, then it should let them pass the required fields.

right now, when i select no it still asks me for those required fields.
 how can i bypass that. is there any way?

<cfformgroup type="panel" label="Research Mentor Information">
				<cfformitem type="text" style="">Are you currently working with a mentor(s), or do you have an anticipated mentor(s)?</cfformitem>
				<cfif qGetData.Mentor IS 1>
					<cfinput type="radio" name="Mentor" label="Yes" value="1" onclick="mentors.enabled=true;" checked="true">
					<cfinput type="radio" name="Mentor" label="Yes" value="1" onclick="mentors.enabled=true;" checked="false" required="true" message="You must select 'YES' or 'NO">
				<cfif qGetData.Mentor IS 0>
					<cfinput type="radio" name="Mentor" label="No" value="0" onclick="mentors.enabled=false;" checked="true">
					<cfinput type="radio" name="Mentor" label="No" value="0" onclick="mentors.enabled=false;" checked="false" required="true" message="You must select 'YES' or 'NO">
				<cfformgroup type="horizontal" label="" id="mentors" enabled="false" visible="true">
					<cfformgroup type="hdividedbox">
						<cfinput type="text" name="MentorName1" label="Name *" width="200" value="#qGetData.MentorName1#"  required="true">
						<cfinput type="text" name="MentorInstitution1" label="Institution *" width="200" value="#qGetData.MentorInstitution1#" required="true">
						<cfinput type="text" name="MentorDepartment1" label="Department *" width="200" value="#qGetData.MentorDepartment1#" required="true">
						<cfinput type="text" name="MentorDivision1" label="Division" width="200" value="#qGetData.MentorDivision1#">
					<cfformgroup type="hdividedbox">
						<cfinput type="text" name="MentorName2" label="Name" width="200" value="#qGetData.MentorName2#">
						<cfinput type="text" name="MentorInstitution2" label="Institution" width="200" value="#qGetData.MentorInstitution2#">
						<cfinput type="text" name="MentorDepartment2" label="Department" width="200" value="#qGetData.MentorDepartment2#"> 
						<cfinput type="text" name="MentorDivision2" label="Division" width="200" value="#qGetData.MentorDivision2#">
					<cfformgroup type="hdividedbox">
						<cfinput type="text" name="MentorName3" label="Name" width="200" value="#qGetData.MentorName3#">
						<cfinput type="text" name="MentorInstitution3" label="Institution" width="200" value="#qGetData.MentorInstitution3#">
						<cfinput type="text" name="MentorDepartment3" label="Department" width="200" value="#qGetData.MentorDepartment3#">
						<cfinput type="text" name="MentorDivision3" label="Division" width="200"value="#qGetData.MentorDivision3#">
		<cfformgroup type="horizontal" style="horizontalAlign:center">
			<cfinput type="hidden" name="sect" value="2">
			<cfinput type="submit" name="save" value="Save">
			<!--- <cfinput type="reset" name="reset" value="Reset"> --->

Open in new window

1 Solution
I don't think the required attribute works with the input type="radio".  Instead you'll need to use javascript or server-side validation to ensure user picks a value.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now