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

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?
0
lonnyo
Asked:
lonnyo
  • 3
  • 2
1 Solution
 
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
 
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
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
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
 
SidFishesCommented:
please remember to close the q
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

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

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