Solved

Coldfusion Form Validation - Require Only One of Many Fields

Posted on 2008-10-16
6
304 Views
Last Modified: 2013-12-16
I have a form that asks for workphone, cellphone, homephone and email.  I want to validate the form so that only one of the 4 fields is required.  I need to use cffom because I am also passing variables to some of the form values.  How can I show a message box stating that a "Phone number or email is required" if all of these fields are left blank?
0
Comment
Question by:lonnyo
[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
  • 3
  • 2
6 Comments
 
LVL 36

Expert Comment

by:SidFishes
ID: 22731173
something like this should work
<script type="text/javascript">
var ok
ok=0
function checkCom()
{
	if(document.getElementById('f1').value=='')
	{ok=ok+0}else{ok=ok+1}
	
	if(document.getElementById('f2').value=='')
	{ok=ok+0}else{ok=ok+1}
	if(document.getElementById('f3').value=='')
	{ok=ok+0}else{ok=ok+1}
	if(ok==0)
	{
		alert("Phone number or email is required")
		return false}
	else
	{return true}
alert(ok)
}
</script>
<cfform name="test" method="post" onsubmit="checkCom();">
<cfinput id="f1" name="f1" type="text">
<cfinput name="f2" id="f2" type="text">
<cfinput name="f3" id="f3" type="text">
<cfinput id="sub" type="submit" name="sub">
</cfform>

Open in new window

0
 

Author Comment

by:lonnyo
ID: 22731495
The problem with adding javascript to validate the form is that the form itself is also creating a javascript script and they seem to cancel each other out.  I originally had javascript working on a regular html form and then decided I needed to use <cfform> because I need to populate values in some of the input fields.  I guess the next question is can I somehow add/edit the javascript that is created by coldfusion or use more than one script on the same cfform?
0
 
LVL 36

Expert Comment

by:SidFishes
ID: 22731661
as you've found, mixing js and cfform js can be problematic it's best to stick to one or the other. In some cases you can get it to work ...others no.. depends on what you're doing

"because I need to populate values in some of the input fields."

not sure what you mean by this...

you can populate a standard html form with cf variable just as easily

<input type="text" name="foo" value="#myquery.myvalue#">
0
Visualize your virtual and backup environments

Create well-organized and polished visualizations of your virtual and backup environments when planning VMware vSphere, Microsoft Hyper-V or Veeam deployments. It helps you to gain better visibility and valuable business insights.

 

Author Comment

by:lonnyo
ID: 22732288
I forgot I could do that as long as I put the input tag inside a cfoutput tag.  Wow do I feel dumb.  Thanks for the help.
0
 
LVL 36

Accepted Solution

by:
SidFishes earned 500 total points
ID: 22732465
please remember to close the q
0
 

Expert Comment

by:Bward323
ID: 23665518
This code helped me but there was one error in line 22:

<cfform name="test" method="post" onsubmit="checkCom();">
  SHOULD READ
<cfform name="test" method="post" onsubmit="return checkCom();">
0

Featured Post

Free learning courses: Active Directory Deep Dive

Get a firm grasp on your IT environment when you learn Active Directory best practices with Veeam! Watch all, or choose any amount, of this three-part webinar series to improve your skills. From the basics to virtualization and backup, we got you covered.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Web Developer 7 284
Spell check for online editor 7 83
Adobe Certified Expert? 1 126
Strange space issue in Chrome browser 8 122
In this short web based tutorial, I wanted to show users how they can still use the powers of FrontPage in conjunction with Expression Web 3.  Even though Microsoft eliminated the use of Web components, we can still use them with FrontPage and edit …
This guide will walk you through the essential considerations and tech stack for building scalable websites. Know how to grow your business the smart way!
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…

739 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