Coldfusion Form Validation - Require Only One of Many Fields

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?
lonnyoAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
SidFishesConnect With a Mentor Commented:
please remember to close the q
0
 
SidFishesCommented:
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
 
lonnyoAuthor Commented:
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
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
SidFishesCommented:
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
 
lonnyoAuthor Commented:
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
 
Bward323Commented:
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
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.

All Courses

From novice to tech pro — start learning today.