Solved

Coldfusion Form Validation - Require Only One of Many Fields

Posted on 2008-10-16
6
302 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
  • 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
Windows Server 2016: All you need to know

Learn about Hyper-V features that increase functionality and usability of Microsoft Windows Server 2016. Also, throughout this eBook, you’ll find some basic PowerShell examples that will help you leverage the scripts in your environments!

 

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

Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Netbeans Open project initial dir 5 44
Facebook custom search 4 184
I starting with php 12 133
Column Spacing 3 77
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 …
Turn A Profile Picture Into A Cartoon Using Photoshop And Illustrator This tutorial will teach you how to make a cartoon style image out of a regular picture. I have tried to keep the tutorial as simple as possible. I used Adobe CS4 for this tuto…
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…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. 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 : Go t…

770 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