|
| |
|
|
laticca8
Posts: 69
Joined: 4/14/2005
Status: offline
 |
how to assign check box items to an array - 8/22/2005 4:26:57
hello, all. i have a form in which i want to verify that at least one of the checkboxes have been checked. how do i assign the checkboxes to an array?
here is a select part of the form (though there are several more options):
<BLOCKQUOTE>
<P>
<font face="Tahoma"><span style="font-size: 9pt">
<INPUT TYPE=CHECKBOX NAME="bizstartup" value="0">
Startup Services<BR>
<INPUT TYPE=CHECKBOX NAME="bizcredit" value="0">
Credit Services<BR>
<INPUT TYPE=CHECKBOX NAME="taxrecovery" value="0">
Tax Recovery<BR>
<INPUT TYPE=CHECKBOX NAME="strategicplan" value="0">
Strategic Plan Consulting<BR>
<INPUT TYPE=CHECKBOX NAME="processimprovemt" value="0">
Process Improvement Consulting<BR>
<INPUT TYPE=CHECKBOX NAME="bizaudit" value="0">
Business Audit<BR>
</span></font>
</P>
</BLOCKQUOTE>
|
|
|
|
Tailslide
Posts: 6046
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: how to assign check box items to an array - 8/22/2005 5:24:53
Hi
This works:
function validateBoxes(theForm){
var numBoxes= 0;
for(i=0;i<theForm.services.length; i++){
if (theForm.services.checked){
numBoxes++;
}
}
if (numBoxes < 1){
alert("Please select at least one Service");
return false;
}
else {
return true;
}
}
I've had to fiddle with the names/ids/values a bit - the names of all the checkboxes are now "service" and the value is "bizstartup" for example.
Here's a live test: http://www.littleblueplane.com/test/checkboxformtest2.html. Feel free to view source and copy the lot.
Edited: fiddled with it a bit because it was misbehaving in FF - now working fine.
< Message edited by Tailslide -- 8/22/2005 8:13:36 >
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
laticca8
Posts: 69
Joined: 4/14/2005
Status: offline
|
RE: how to assign check box items to an array - 8/22/2005 11:30:15
nope, i had tried that. here's the rest of the form. this original validation does work though.
<script language="JavaScript" type="text/javascript">
function Validatetfsinforequest()
{
var contactmethod = document.tfsinforequest.contactmethod;
var email = document.tfsinforequest.email;
var address = document.tfsinforequest.address;
if (contactmethod.selectedIndex < 1)
{
alert("Please provide your preferred method of contact.");
contactmethod.focus();
return false;
}
if ((contactmethod.selectedIndex==1) && (email.value == ""))
{
window.alert("Please enter your email address.");
email.focus();
return false;
}
if ((contactmethod.selectedIndex==2) && (address.value == ""))
{
window.alert("Please enter your mailing address.");
address.focus();
return false;
}
var numBoxes= 0;
for(i=0;i<tfsinforequest.services.length; i++){
if (tfsinforequest.services.checked){
numBoxes++;
}
}
if (numBoxes < 1){
alert("Please select at least one Service");
return false;
}
else {
return true;
}
}
// -->
</script>
<form name="tfsinforequest" method="post" action="http://www.tricapacademy.org/tfsinfoconfirm.php"
onSubmit="return Validatetfsinforequest();">
<input type="hidden" name="id" value="NULL">
<div align="left">
<p class="title01" style="margin-bottom: 8pt"><span style="font-size: 16pt">
Request for More Information</span></p>
<table border="0" id="table1">
<tr>
<td align="right"><b><font face="Tahoma" style="font-size: 9pt">Name</font></b></td>
<td><font face="Tahoma"><span style="font-size: 9pt">
<INPUT NAME="name" SIZE=50></span></font></td>
</tr>
<tr>
<td align="right"><b><font face="Tahoma" style="font-size: 9pt">
Preferred Contact Method</font></b></td>
<td><font face="Tahoma"><span style="font-size: 9pt">
<SELECT NAME="contactmethod" size="1">
<option selected>Please select one</option>
<OPTION>Email
<OPTION>Postal Delivery
</SELECT></span></font></td>
</tr>
<tr>
<td align="right"><b><font face="Tahoma" style="font-size: 9pt">
Email Address* </font></b></td>
<td><font face="Tahoma"><span style="font-size: 9pt">
<INPUT NAME="email" SIZE=25></span></font></td>
</tr>
<tr>
<td align="right" valign="top"><b>
<font face="Tahoma" style="font-size: 9pt">Postal Address* </font>
</b></td>
<td><font face="Tahoma"><span style="font-size: 9pt">
<TEXTAREA NAME="address" ROWS=5 COLS=35></TEXTAREA></span></font></td>
</tr>
</table>
</div>
<p style="margin-top: 0"><font face="Tahoma" size="1"><b>* These fields are
required only if chosen as the preferred method of contact.</b></font></p>
<BLOCKQUOTE>
</BLOCKQUOTE>
<P>
<font face="Tahoma" style="font-size: 9pt">How did you hear about us?
</font><font face="Tahoma"><span style="font-size: 9pt">
<SELECT NAME="referral" size="1">
<option selected>Please select one</option>
<OPTION>I am a returning customer.
<OPTION>Referral from a friend/relative/associate
<OPTION>Google.com
<OPTION>Other search engine
<OPTION>I saw/clicked on your link on another site.
<OPTION>Other
</SELECT></span></font></P>
<P>
</P>
<P>
<font style="font-size: 10pt; font-weight: 700" face="Tahoma">I
would like to receive additional information about the following services:</font></P>
<P>
<font face="Tahoma" style="font-size: 9pt">Please select any of the following <u>Business Services</u> that apply:</font></P>
<BLOCKQUOTE>
<P>
<font face="Tahoma"><span style="font-size: 9pt">
<INPUT TYPE=CHECKBOX NAME="bizstartup" value="0">
Startup Services<BR>
<INPUT TYPE=CHECKBOX NAME="bizcredit" value="0">
Credit Services<BR>
<INPUT TYPE=CHECKBOX NAME="taxrecovery" value="0">
Tax Recovery<BR>
<INPUT TYPE=CHECKBOX NAME="strategicplan" value="0">
Strategic Plan Consulting<BR>
<INPUT TYPE=CHECKBOX NAME="processimprovemt" value="0">
Process Improvement Consulting<BR>
<INPUT TYPE=CHECKBOX NAME="bizaudit" value="0">
Business Audit<BR>
</span></font>
</P>
</BLOCKQUOTE>
<P>
<font face="Tahoma" style="font-size: 9pt">Please select any of the following <u>Church Services</u> that apply:</font></P>
<BLOCKQUOTE>
<P>
<font face="Tahoma"><span style="font-size: 9pt">
<INPUT TYPE=CHECKBOX NAME="churchfinancing" value="0">
Charitable Gifting<BR>
<INPUT TYPE=CHECKBOX NAME="_501c3setup" value="0">
501c3 Setup<BR>
</span></font>
</P>
</BLOCKQUOTE>
<P>
<font face="Tahoma" style="font-size: 9pt">Please select any of the following <u>Personal Services</u> that apply:</font></P>
<BLOCKQUOTE>
<P>
<font face="Tahoma"><span style="font-size: 9pt">
<INPUT TYPE=CHECKBOX NAME="lifeins" value="0">
Burial & Life Insurance<BR>
<INPUT TYPE=CHECKBOX NAME="healthins" value="0">
Health Insurance<BR>
<INPUT TYPE=CHECKBOX NAME="_529plan" value="0">
Education Funding<BR>
<INPUT TYPE=CHECKBOX NAME="_401k" value="0">
Retirement Planning<BR>
<INPUT TYPE=CHECKBOX NAME="disabilityins" value="0">
Disability Insurance<BR>
</span></font>
</P>
</BLOCKQUOTE>
<P>
<font face="Tahoma" style="font-size: 9pt">Please select any of the following <u>Other Services</u> that apply:</font></P>
<BLOCKQUOTE>
<P>
<font face="Tahoma"><span style="font-size: 9pt">
<INPUT TYPE=CHECKBOX NAME="websitedesign" value="0">
Website Design<BR>
<INPUT TYPE=CHECKBOX NAME="logodesign" value="0">
Logo Design<BR>
<INPUT TYPE=CHECKBOX NAME="hrconsulting" value="0">
HR Consulting<BR>
<INPUT TYPE=CHECKBOX NAME="govtcontractor" value="0">
Government Contractor Registration<BR>
<INPUT TYPE=CHECKBOX NAME="_501c3" value="0">
501c3 Setup<BR>
<INPUT TYPE=CHECKBOX NAME="eventsvcs" value="0">
Event Services</span></font><BR>
<INPUT TYPE=CHECKBOX NAME="printingsvcs" value="0">
<font face="Tahoma"><span style="font-size: 9pt">Printing Services</span></font></span></font><BR>
</P>
</BLOCKQUOTE>
<input type=submit name="sent" value="Submit Form" language="JavaScript" onclick="return validate(this)">
<INPUT TYPE=RESET VALUE="Reset Form">
</FORM>
| |
|
|
|
Tailslide
Posts: 6046
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: how to assign check box items to an array - 8/22/2005 11:59:18
BEEEEP Tailslide isn't in right now. She's currently at a "Don't open your big mouth" conference. It's probably a waste of money however.
Please leave a message after the tone. BEEEEP
OK - I've got it working (not live yet - adding the other boxes to the validation routine). Would you like it "accessible" too? (yes is the right answer).
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Tailslide
Posts: 6046
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: how to assign check box items to an array - 8/22/2005 13:33:23
Evening!
Here you go:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<title>Request further Information</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" >
</head>
<body>
<script type="text/javascript">
//<![CDATA[
function validate(tfsinforequest){
{
var contactmethod = document.tfsinforequest.contactmethod;
var email = document.tfsinforequest.email;
var address = document.tfsinforequest.address;
var numBoxes= 0;
if (contactmethod.selectedIndex < 1)
{
alert("Please provide your preferred method of contact.");
contactmethod.focus();
return false;
}
if ((contactmethod.selectedIndex==1) && (email.value == ""))
{
window.alert("Please enter your email address.");
email.focus();
return false;
}
if ((contactmethod.selectedIndex==2) && (address.value == ""))
{
window.alert("Please enter your mailing address.");
address.focus();
return false;
}
for(i=0;i<tfsinforequest.service.length; i++){
if (tfsinforequest.service.checked){
numBoxes++;
}
}
if (numBoxes < 1){
alert("Please select at least one Service");
return false;
}
else {
return true;
}
}}
//]]>
</script>
<div id="form" style="font: 76% Tahoma, sans-serif;"> <!-- I've put an extra div in here to control the fonts throughout the form -->
<p><form name="tfsinforequest" method="post" action="http://www.tricapacademy.org/tfsinfoconfirm.php" onSubmit="return validate(this);">
<input type="hidden" name="id" value="NULL">
<div align="left">
<h2 style="font-size:150%">Request for More Information</h2>
<table border="0" id="table1" style="font-size:100%; font-weight:bold; text-align:right;"><!-- the styles in this table control font and font-size in the table -->
<tr><td align="right"><label for="name">Name </label></td>
<td align="left"><input id="name" name="name" size=50></td></tr>
<tr><td align="right"><label for="contactmethod">Preferred Contact Method </label></td>
<td align="left"><select id="contactmethod" name="contactmethod" size="1"><option selected value="">Please select one</option>
<option value="email">Email</option>
<option value="postal">Postal Delivery</option>
</select>
</td></tr>
<tr><td align="right"><label for="email">Email Address* </label></td>
<td align="left"><input id="email" name="email" size=25></td></tr>
<tr><td align="right" valign="top"><label for="address">Postal Address* </label></td>
<td align="left"><textarea id="address" name="address" rows=5 cols=35></textarea></td></tr>
</table></div><!-- end aligned left div -->
<p style="margin-top: 0; font-weight:bold;">* These fields are required only if chosen as the preferred method of contact.</p>
<p><label for="referral">How did you hear about us? </label><select id="referral" name="referral" size="1">
<option selected value="">Please select one</option>
<option value="returning">I am a returning customer.</option>
<option value="referral">Referral from a friend/relative/associate</option>
<option value="google">Google.com</option>
<option value="othersearch">Other search engine</option>
<option value="link">I saw/clicked on your link on another site.</option>
<option value="other">Other</option>
</select>
</p>
<p></p>
<p style="font-weight:bold;">I would like to receive additional information about the following services:</p>
<p>Please select any of the following <b>Business Services</b> that apply:</p>
<blockquote><p>
<input type=checkbox name="service" value="bizstartup" id="bizstartup"><label for="bizstartup">Startup Services</label><br />
<input type=checkbox name="service" value="bizcredit" id="bizcredit"><label for="bizcredit">Credit Services</label><br />
<input type=checkbox name="service" value="taxrecovery" id="taxrecovery"><label for="taxrecovery">Tax Recovery</label><br />
<input type=checkbox name="service" value="strategicplan" id="strategicplan"><label for="strategicplan">Strategic Plan Consulting</label><br />
<input type=checkbox name="service" value="processimprovemt" id="processimprovemt"><label for="processimprovemt">Process Improvement Consulting</label><br />
<input type=checkbox name="service" value="bizaudit" id="bizaudit"><label for="bizaudit">Business Audit</label><br />
</p></blockquote>
<p>Please select any of the following <b>Church Services</b> that apply:</p>
<blockquote><p>
<input type=checkbox name="service" value="churchfinancing" id="churchfinancing"><label for="churchfinancing">Charitable Gifting</label><br />
<input type=checkbox name="service" value="_501c3setup" id="_501c3setup"><label for="_501c3setup">501c3 Setup</label><br />
</P></blockquote>
<P>Please select any of the following <b>Personal Services</b> that apply:</p>
<blockquote><p>
<input type=checkbox name="service" value="lifeins" id="lifeins"><label for="lifeins">Burial & Life Insurance</label><br />
<input type=checkbox name="service" value="healthins" id="healthins"><label for="healthins">Health Insurance</label><br />
<input type=checkbox name="service" value="_529plan" id="_529plan"><label for="_529plan">Education Funding</label><br />
<input type=checkbox name="service" value="_401k" id="_401k"><label for="_401k">Retirement Planning</label><br />
<input type=checkbox name="service" value="disabilityins" id="disabilityins"><label for="disabilityins">Disability Insurance</label><br />
</p></blockquote>
<p>Please select any of the following <b>Other Services</b> that apply:</p>
<blockquote><p>
<input type=checkbox name="service" value="websitedesign" id="websitedesign"><label for="websitedesign">Website Design</label><br />
<input type=checkbox name="service" value="logodesign" id="logodesign"><label for="logodesign">Logo Design</label><br />
<input type=checkbox name="service" value="hrconsulting" id="hrconsulting"><label for="hrconsulting">HR Consulting</label><br />
<input type=checkbox name="service" value="govtcontractor" id="govtcontractor"><label for="govtcontractor">Government Contractor Registration</label><br />
<input type=checkbox name="service" value="_501c3" id="_501c3"><label for="_501c3">501c3 Setup</label><br />
<input type=checkbox name="service" value="eventsvcs" id="eventsvcs"><label for="eventsvcs">Event Services</label><br />
<input type=checkbox name="service" value="printingsvcs" id="printingsvcs"><label for="printingsvcs">Printing Services</label><br />
</p></blockquote>
<p><input type=submit name="sent" value="Submit Form"></p>
</form>
</div><!-- end of form div -->
</body>
</html>
Might be easier to copy it from here though: Tailslide's fiendish test page!
It's more accessible now (I've put <label> tags in for each input item and although I tend to leave tables out of forms just in case they confuse people - I've left them in here as you had them and it might confuse the structure of your page if I took them out!. Got rid of all the font tags - included the text size/font details with in-line CSS instead - takes about half the code out!!
The page validates to HTML 4.01 transitional except for some of your attribute names which start with an underscore which the validator doesn't like. If that bothers you then change the names. Tested in Firefox and IE and seems to work fine.
Oh I forgot to say that I took out the reset button - this is purely my own opinion but I think they're a waste of time - how many times have you ever actually pressed reset to blank a form you're filling in? You go back and change something sure - but wipe the lot? What does often happen is that you press reset by accident having written "War and Peace" in your form - and sometimes you're so p****d off at yourself and the form that you don't bother filling it again! Feel free to put it back in if you prefer.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
laticca8
Posts: 69
Joined: 4/14/2005
Status: offline
|
RE: how to assign check box items to an array - 8/22/2005 13:38:34
i love you! i haven't included the code yet, but just the fact that you went through all this trouble is remarkable. i truly appreciate it!
i took a peek at your website too! your designs are so nice, clean, and professional!
| |
|
|
|
laticca8
Posts: 69
Joined: 4/14/2005
Status: offline
|
RE: how to assign check box items to an array - 8/22/2005 15:35:41
yeah, i tested it on my intranet and it worked fine. i just have to upload it to the "real" site.
i have to study that script for future reference. i love what you did with the line to apply fonts throughout the form. i saw the labels too and was a little confused. i'll definitely study it though.
| |
|
|
|
laticca8
Posts: 69
Joined: 4/14/2005
Status: offline
|
RE: how to assign check box items to an array - 8/22/2005 15:40:56
oh, i just reread one of your prior posts. yeah, i see what you're saying about the reset button. i wondered why it was missing (reading is fundamental, huh?). anywho, that's a point well taken and i'll omit it.
| |
|
|
|
Tailslide
Posts: 6046
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: how to assign check box items to an array - 8/22/2005 16:00:07
quote:
ORIGINAL: laticca8
i love what you did with the line to apply fonts throughout the form. i saw the labels too and was a little confused. i'll definitely study it though.
The "line" was CSS (Cascading Style Sheets) you basically just write a "rule" for whatever - a paragraph, a table, a photo - anything and say how you want it to look and be laid out. You can use this in place of tables for laying out a page. Ideally it should be in a separate document called an "external stylesheet" then if you wanted to change the font on your site for instance you change it once in that stylesheet it will apply globally throughout your site. Going in and changing thousands of <font> tags suddenly looks less appealing!
The <label> tag is to help people who might be using a text reader to look at your site - forms can be very confusing if the "label" of the input field is not obvious - the <label> tag forms an association between the label and the input field itself.
Funny thing about the Reset Button - it's just always added - used to put them in myself. Then one day I read an article saying that they were pointless and it dawned on me that I've never ever used one (apart from when I'm testing my own forms!). I have hit it by accident quite a few times though!
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
laticca8
Posts: 69
Joined: 4/14/2005
Status: offline
|
RE: how to assign check box items to an array - 8/22/2005 16:04:30
oh, okay. i've used CSS in my other website. i see now. it makes perfect sense.
yeah, i thought the reset button was just form protocol.
thanks for "schooling" me on the label stuff too!
| |
|
|
|
laticca8
Posts: 69
Joined: 4/14/2005
Status: offline
|
RE: how to assign check box items to an array - 8/22/2005 22:23:55
tailslide, i thought this was resolved, but it isn't. i guess since the name of all the checkboxes is the same (service), the selections do not post to the database.
it does validate, but there are no "0"s in the appropriate column for the selected service. 
for reference, the page that posts the variables has the following script:
<?
if ($_POST["sent"] == "Submit Form")
{
$DBhost = "localhost";
$DBuser = "********";
$DBpass = "********";
$DBName = "********";
$table = "information";
$id = $_POST['id'];
$name = $_POST['name'];
$contactmethod = $_POST['contactmethod'];
$email = $_POST['email'];
$address = $_POST['address'];
$referral = $_POST['referral'];
$bizstartup = $_POST['bizstartup'];
$bizcredit = $_POST['bizcredit'];
$_501c3setup = $_POST['_501c3setup'];
$_529plan = $_POST['_529plan'];
$_401k = $_POST['_401k'];
$disabilityins = $_POST['disabilityins'];
$string1 = "Thank you for your interest!";
$string2 = "We will promptly send the requested information to";
$string3 = "We look forward to working with you!";
mysql_connect($DBhost,$DBuser,$DBpass) or die("Unable to connect to database");
@mysql_select_db("$DBName") or die("Unable to select database $DBName");
$sqlquery = "INSERT INTO $table VALUES('$id','$name','$contactmethod','$email','$address','$referral','$bizstartup','$bizcredit','$_501c3setup','$_529plan','$_401k','$disabilityins',NOW())";
$results = mysql_query($sqlquery);
mysql_close();
if ($contactmethod == "Email")
{
echo "$string1 $string2 $email.<br><br>";
}
else
{
echo "$string1 $string2 $address.<br><br>";
}
echo "$string3";
}
?>
< Message edited by laticca8 -- 8/22/2005 22:55:10 >
| |
|
|
|
Tailslide
Posts: 6046
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: how to assign check box items to an array - 8/23/2005 2:47:02
Ok ok I think I got it! (this'd be much much easier if I knew more about JS - rather than just trial and error - mostly error!)
http://www.littleblueplane.com/test/checkboxformtest6.html
This has got the values of all the checkboxes at 0 plus the names of each checkbox are back to the individual ones rather than just service.
To validate them I've had to get it to go through each of 'em and check that one is ticked.
Hopefully this works!!
If not I'll have another go later - I've got a client to see this morning so I'll be busy.
<script type="text/javascript">
//<![CDATA[
function validate(tfsinforequest){
{
var contactmethod = document.tfsinforequest.contactmethod;
var email = document.tfsinforequest.email;
var address = document.tfsinforequest.address;
var numBoxes= 0;
if (contactmethod.selectedIndex < 1)
{
alert("Please provide your preferred method of contact.");
contactmethod.focus();
return false;
}
if ((contactmethod.selectedIndex==1) && (email.value == ""))
{
window.alert("Please enter your email address.");
email.focus();
return false;
}
if ((contactmethod.selectedIndex==2) && (address.value == ""))
{
window.alert("Please enter your mailing address.");
address.focus();
return false;
}
if ( ( document.tfsinforequest.bizstartup.checked == false )
&& ( document.tfsinforequest.bizcredit.checked == false )
&& ( document.tfsinforequest.taxrecovery.checked == false )
&& ( document.tfsinforequest.strategicplan.checked == false )
&& ( document.tfsinforequest.processimprovemt.checked == false )
&& ( document.tfsinforequest.bizaudit.checked == false )
&& ( document.tfsinforequest.churchfinancing.checked == false )
&& ( document.tfsinforequest._501c3setup.checked == false )
&& ( document.tfsinforequest.lifeins.checked == false )
&& ( document.tfsinforequest._401k.checked == false )
&& ( document.tfsinforequest.healthins.checked == false )
&& ( document.tfsinforequest.disabilityins.checked == false )
&& ( document.tfsinforequest._529plan.checked == false )
&& ( document.tfsinforequest.websitedesign.checked == false )
&& ( document.tfsinforequest.logodesign.checked == false )
&& ( document.tfsinforequest.hrconsulting.checked == false )
&& ( document.tfsinforequest.govtcontractor.checked == false )
&& ( document.tfsinforequest._501c3.checked == false )
&& ( document.tfsinforequest.eventsvcs.checked == false )
&& ( document.tfsinforequest.printingsvcs.checked == false )){
alert ( "Please Pick a service" );
return false;
}
else {
return true;
}
}}
//]]>
</script>
<div id="form" style="font: 76% Tahoma, sans-serif;"> <!-- I've put an extra div in here to control the fonts throughout the form -->
<p><form name="tfsinforequest" method="post" action="http://www.tricapacademy.org/tfsinfoconfirm.php" onSubmit="return validate(this);">
<input type="hidden" name="id" value="NULL">
<div align="left">
<h2 style="font-size:150%">Request for More Information</h2>
<table border="0" id="table1" style="font-size:100%; font-weight:bold; text-align:right;"><!-- the styles in this table control font and font-size in the table -->
<tr><td align="right"><label for="name">Name </label></td>
<td align="left"><input id="name" name="name" size=50></td></tr>
<tr><td align="right"><label for="contactmethod">Preferred Contact Method </label></td>
<td align="left"><select id="contactmethod" name="contactmethod" size="1"><option selected value="">Please select one</option>
<option value="email">Email</option>
<option value="postal">Postal Delivery</option>
</select>
</td></tr>
<tr><td align="right"><label for="email">Email Address* </label></td>
<td align="left"><input id="email" name="email" size=25></td></tr>
<tr><td align="right" valign="top"><label for="address">Postal Address* </label></td>
<td align="left"><textarea id="address" name="address" rows=5 cols=35></textarea></td></tr>
</table></div><!-- end aligned left div -->
<p style="margin-top: 0; font-weight:bold;">* These fields are required only if chosen as the preferred method of contact.</p>
<p><label for="referral">How did you hear about us? </label><select id="referral" name="referral" size="1">
<option selected value="">Please select one</option>
<option value="returning">I am a returning customer.</option>
<option value="referral">Referral from a friend/relative/associate</option>
<option value="google">Google.com</option>
<option value="othersearch">Other search engine</option>
<option value="link">I saw/clicked on your link on another site.</option>
<option value="other">Other</option>
</select>
</p>
<p></p>
<p style="font-weight:bold;">I would like to receive additional information about the following services:</p>
<p>Please select any of the following <b>Business Services</b> that apply:</p>
<blockquote><p>
<input type=checkbox name="bizstartup" value="0" id="bizstartup"><label for="bizstartup">Startup Services</label><br />
<input type=checkbox name="bizcredit" value="0" id="bizcredit"><label for="bizcredit">Credit Services</label><br />
<input type=checkbox name="taxrecovery" value="0" id="taxrecovery"><label for="taxrecovery">Tax Recovery</label><br />
<input type=checkbox name="strategicplan" value="0" id="strategicplan"><label for="strategicplan">Strategic Plan Consulting</label><br />
<input type=checkbox name="processimprovemt" value="0" id="processimprovemt"><label for="processimprovemt">Process Improvement Consulting</label><br />
<input type=checkbox name="bizaudit" value="0" id="bizaudit"><label for="bizaudit">Business Audit</label><br />
</p></blockquote>
<p>Please select any of the following <b>Church Services</b> that apply:</p>
<blockquote><p>
<input type=checkbox name="churchfinancing" value="0" id="churchfinancing"><label for="churchfinancing">Charitable Gifting</label><br />
<input type=checkbox name="_501c3setup" value="0" id="_501c3setup"><label for="_501c3setup">501c3 Setup</label><br />
</P></blockquote>
<P>Please select any of the following <b>Personal Services</b> that apply:</p>
<blockquote><p>
<input type=checkbox name="lifeins" value="0" id="lifeins"><label for="lifeins">Burial & Life Insurance</label><br />
<input type=checkbox name="healthins" value="0" id="healthins"><label for="healthins">Health Insurance</label><br />
<input type=checkbox name="_529plan" value="0" id="_529plan"><label for="_529plan">Education Funding</label><br />
<input type=checkbox name="_401k" value="0" id="_401k"><label for="_401k">Retirement Planning</label><br />
<input type=checkbox name="disabilityins" value="0" id="disabilityins"><label for="disabilityins">Disability Insurance</label><br />
</p></blockquote>
<p>Please select any of the following <b>Other Services</b> that apply:</p>
<blockquote><p>
<input type=checkbox name="websitedesign" value="0" id="websitedesign"><label for="websitedesign">Website Design</label><br />
<input type=checkbox name="logodesign" value="0" id="logodesign"><label for="logodesign">Logo Design</label><br />
<input type=checkbox name="hrconsulting" value="0" id="hrconsulting"><label for="hrconsulting">HR Consulting</label><br />
<input type=checkbox name="govtcontractor" value="0" id="govtcontractor"><label for="govtcontractor">Government Contractor Registration</label><br />
<input type=checkbox name="_501c3" value="0" id="_501c3"><label for="_501c3">501c3 Setup</label><br />
<input type=checkbox name="eventsvcs" value="0" id="eventsvcs"><label for="eventsvcs">Event Services</label><br />
<input type=checkbox name="printingsvcs" value="0" id="printingsvcs"><label for="printingsvcs">Printing Services</label><br />
</p></blockquote>
<p><input type=submit name="sent" value="Submit Form"></p>
</form>
</div><!-- end of form div -->
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Reflect
Posts: 4769
From: USA
Status: offline
|
RE: how to assign check box items to an array - 8/23/2005 10:31:27
Tailside....
Thank you.
I researched and now see why to use them normally. More clickable space on the control. Further research showed accessibility issues it helps with. It makes sense.
I will recode my forms this weekend to add this feature.
Thank you for opening my eyes to this.
Take care,
Brian
_____________________________
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
but, i have one more question. how would i include that in this existing validation script: 
