Need help with form validation based on "true" value 1

randyman · Feb 15, 2001

I am creating a form that will validate certain fields based on if a form element (a particular radio button) has been checked. I have created the code to determine the radio button. I have created the required field. But, I can't figure out how to get the "whichIsIt" function to run the MM_validateForm function. Here is the code I created so far. Any suggestions?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function whichIsIt(frm)

{
if(frm.rad[0].checked == true)
{
alert("Radio button " + 0 + " is checked.&quot

;
}
}

function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?&quot

)>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && document.getElementById) x=document.getElementById; return x;
}

function MM_validateForm() { //v4.0
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args);
if (val) { nm=val.name; if ((val=val.value)!="&quot {
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
} else if (test!='R') {
if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
min=test.substring(8,p); max=test.substring(p+1);
if (val<min || max<val) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
} if (errors) alert('The following error(s) occurred:\n'+errors);
document.MM_returnValue = (errors == '');
}
//-->
</script>
</HEAD>

<BODY>

<FORM NAME="simpleFrm">
<p>Yes:
<INPUT TYPE="radio" NAME="rad">
No:
<INPUT TYPE="radio" NAME="rad">
Maybe:
<INPUT TYPE="radio" NAME="rad">
<BR>
</p>
<p>
<input type="text" name="name">
</p>
<p> </p>
<p> </p>
<p><BR>
<INPUT TYPE="submit" VALUE="Which is checked?" onClick="whichIsIt(this.form);MM_validateForm('name','','R');return document.MM_returnValue" name="Submit">
</p>
<p> </p>
</FORM>

</BODY>
</HTML>

THANKS!

Randyman

GIGN · Feb 15, 2001

function whichIsIt(frm){
if(frm.rad[0].checked){
alert("Radio button " + 0 + " is checked.&quot

;
MM_validateform();
}
}

Is this what you mean?
b² - benbiddington@surf4nix.com

randyman · Feb 15, 2001

YES!!! My god! I feel like an idiot! Sometimes you just can't see the forest through the trees!

Thank you!

randyman · Feb 20, 2001

Well, I thought it was over. Yes, tagging the Dreamweaver validation script did work in that manner. But, I had to abandon that direction because the script was only a text validator. It did not confirm any other form objects. So, I created a test form with all of the elements I am going to use. Same scenario though.
I am creating a form that will validate "true" fields based on if an initial checkbox was checked at the beginning. If the checkbox is unchecked, the validation does not occur.
I have created the code that can verify "true" values in each of the form elements that I am going to use. I have created a seperate code that loops to check if a certain checkbox was checked. Both work fine when I test them independently.
My problem comes when I put the "checkform" function into the "pick" function. I get errors that are stating that the objects in my "checkform" sub-functions are "null or not an object." I've defined & redefined these to death. Can someone give me some direction please!!!!

Here is the script:

<HTML>
<HEAD>
<TITLE>test</TITLE>
<SCRIPT language = "JavaScript">
function pick(frm)
{
if(frm.rad[0].checked == true)
{
alert("Checkbox " + 1 + " is checked.\n&quot

;return checkform(this.form)
}

}

function validString(str)
{
if (str.length != 0)
return true
else
return false
}

function getSelectvalue(list)
{
var listval = list.options[list.selectedIndex].value
return listval
}

function countchecks(form)
{
var numboxes = 4
var count = 0

for (i = 0; i < numboxes; i++) {
var newbox = eval("form.box" + i)
if (newbox.checked)
count++
}
return count
}

function ischecked(paytype)
{
for (i = 0; i < paytype.length; i++)
{
if (paytype.checked)
return true
}
return false
}

function checkform(form)
{
if(validString(form.fullname.value) == false)
{
alert("Please provide us with your full name&quot

form.fullname.focus()
return false
}

fee = getSelectvalue(form.memberlist)
if (fee == 0) {
alert("Please choose a membership category&quot

form.memberlist.focus()
return false
}

var numcks = countchecks(form)

if (numcks < 1) {
alert("Please choose a box&quot

return false
}

if (!ischecked(form.payment))
{
alert("Please choose a payment method&quot

return false
}
{
alert("Data is valid!&quot

}

}
</SCRIPT>
</HEAD>
<BODY>
<DIV CLASS="top">
<p> </p>
</DIV>
<P> Fill out the form below</P>
<FORM>
<TABLE width="400">
<TR>
<TD>Would you like to join?
<p> Yes:
<INPUT TYPE="checkbox" NAME="rad">
<INPUT TYPE="hidden" NAME="rad">
</p>
</TD>
</TR>
<TR>
<TD class="rght"><I>*Full Name</I></TD>
<TD class="lft">
<INPUT type="text" name="fullname" size="30" >
</TD>
</TR>
<TR>
<TD>select</TD>
<TD>*
<SELECT name = "memberlist">
<OPTION value = 0> Select a membership category
<OPTION value = 100> Family - $100
<OPTION value = 75> Individual - $75
<OPTION value = 50> Senior - $50
<OPTION value = 30> Youth - $30
</SELECT>
</TD>
</TR>
</TABLE>
<BR>
<TABLE WIDTH=600>
<TR>
<TD COLSPAN=2>
<B>Check all that apply.</B> </TD>
</TR>
<TR>
<TD>
<INPUT type= checkbox name = "box0">
check one<BR>
<INPUT type= checkbox name = "box1">
check two<BR>
<INPUT type= checkbox name = "box2">
check three<BR>
<INPUT type= checkbox name = "box3">
check four<BR>
</TD>
<TD BGCOLOR="silver"> <B>*Choose your method of payment.</B> <BR>
<INPUT type= radio name = "payment">
Credit card<BR>
<INPUT type= radio name = "payment" >
Bill me<BR>
</TD>
</TR>
</TABLE>
<BR>

<INPUT type = "button" value = "Submit Form" onClick = "return pick(this.form)">

<INPUT type = "reset" value = "Reset Form">

</FORM>

</BODY>
</HTML>

Thank you! Thank you! Thank you!

Randyman

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Need help with form validation based on "true" value 1

randyman

Programmer

GIGN

Programmer

randyman

Programmer

randyman

Programmer

Similar threads

Part and Inventory Search

Sponsor

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Need help with form validation based on &quot;true&quot; value 1

randyman

Programmer

GIGN

Programmer

randyman

Programmer

randyman

Programmer

Similar threads

Log in

Part and Inventory Search

Sponsor

Need help with form validation based on "true" value 1