HTML - Form Submission Problem

I want a form so a person can type in a story and it can be sent to the database, where users can browse it in the stories section of my site.

I have no idea where to start!

Hello,

I'm trying to put together an online signup form for a children's summer program. I'd like to have a calculator for the total price of classes at the bottom as well as a "submit" button that will email me all entered information.

I had tried using cgiemail (http://web.mit.edu/wwwdev/cgiemail/), which was already installed on my server, but my problem was that it sends me information from the "value" fields, which are already used for the price calculator.

For instance, the price of each class in my sample is $55, so I have the value field for each choice set to 55. Unfortunately, cgiemail also wants to use the value field, so I would receive a list of "55"s rather than class names.

Does anyone have a suggestion for how to fix this? I am very much an amateur at all of this, so if you think there's a better way to set up, I am open to suggestions. Thank you for the help!

Matt

Code:

<form name="classes" onclick="calculate()">
<b>Class Signup Form</b><br><br>

<P>
<b>Child Info:</b>
<TABLE CELLPADDING="1" CELLSPACING="1" WIDTH="550">
<tr><td width="200">Name:</td><td width="350"><INPUT name="childname"></td></tr>
<tr><td width="200">Date of Birth:</td><td width="350"><INPUT name="childage" value="mm/dd/yyyy" maxlength="10"></td></tr>
<tr><td width="200">Age:</td><td width="350"><select name="childage" STYLE="width: 50px;">
<option value="age5" selected="selected">5</option>
<option value="age6">6</option>
<option value="age7">7</option>
<option value="age8">8</option>
<option value="age9">9</option>
<option value="age10">10</option>
<option value="age11">11</option>
<option value="age12">12</option>
<option value="age13">13</option>
<option value="age14">14</option>
</select></td></tr>
<tr><td width="200">T-Shirt Size:</td><td width="350"><select name="childshirt" STYLE="width: 50px;">
<option value="shirtxs" selected="selected">XS</option>
<option value="shirts">S</option>
<option value="shirtm">M</option>
<option value="shirtl">L</option>
<option value="shirtxl">XL</option></td></tr>
<tr><td width="200">Address:</td><td width="350"><INPUT name="childaddress1"></td></tr>
<tr><td width="200"></td><td width="350"><INPUT name="childaddress2"></td></tr>
<tr><td width="200">City:</td><td width="350"><INPUT name="childcity"></td></tr>
<tr><td width="200">State:</td><td width="350"><INPUT name="childstate"></td></tr>
<tr><td width="200">Zip:</td><td width="350"><INPUT name="childzip"></td></tr>
</TABLE>
</p>
<p>Allergy/Medication Information:<br><textarea rows="5" cols="50"></textarea></p>

<P>
<b>Parent/Guardian Info:</b>
<TABLE CELLPADDING="1" CELLSPACING="1" WIDTH="550">
<tr><td width="200">Parent 1 Name:</td><td width="350"><INPUT name="parent1name"></td></tr>
<tr><td width="200">Daytime Phone:</td><td width="350"><INPUT name="parent1phone"></td></tr>
<tr><td width="200">Cell Phone:</td><td width="350"><INPUT name="parent1cell"></td></tr>
</TABLE><br>
<TABLE CELLPADDING="1" CELLSPACING="1" WIDTH="550">
<tr><td width="200">Parent 2 Name:</td><td width="350"><INPUT name="parent2name"></td></tr>
<tr><td width="200">Daytime Phone:</td><td width="350"><INPUT name="parent2phone"></td></tr>
<tr><td width="200">Cell Phone:</td><td width="350"><INPUT name="parent2cell"></td></tr>
</TABLE><br>
<TABLE CELLPADDING="1" CELLSPACING="1" WIDTH="550">
<tr><td width="200">Billing Email:</td><td width="350"><INPUT name="billingemail"></td></tr>
<tr><td width="200">Alternate Email:</td><td width="350"><INPUT name="alternateemail"></td></tr>
</TABLE>
</p>

<P>
<b>Week 1 Classes</b><br>
<TABLE CELLPADDING="1" CELLSPACING="1" WIDTH="550">
<tr><td width="200">9:30 - 10:45</td><td width="350">
<select name="w1c1" STYLE="width: 200px;">
<option value="0" selected="selected">- No Class -</option>
<option value="55" name="DoppClass">Mountain Biking</option>
<option value="55" name="Class 3">Witchcraft</option>
<option value="55" name="DoppClass">Nintendo</option>
</select></td></tr>
<tr><td width="200">10:45 - Noon</td><td width="350">
<select name="w1c2" STYLE="width: 200px;">
<option value="0" selected="selected">- No Class -</option>
<option value="55">Running with Scissors</option>
<option value="55">Trapeze</option>
<option value="55">Dance</option>
</select></td></tr>
<tr><td width="200">1:00 - 2:15</td><td width="350">
<select name="w1c3" STYLE="width: 200px;">
<option value="0" selected="selected">- No Class -</option>
<option value="55">Clock-Building</option>
<option value="55">Monkeys with Hats</option>
<option value="55">Trains</option>
</select></td></tr>
<tr><td width="200">2:15 - 3:30</td><td width="350">
<select name="w1c4" STYLE="width: 200px;">
<option value="0" selected="selected">- No Class -</option>
<option value="55">Cricket</option>
<option value="55">Crochet</option>
<option value="55">Crocodiles</option>
</select></td></tr>
</TABLE>
</p>

<p><input type=button name=calculate value="Calculate Total Price" onClick="pricecalculate();"></P>

<p>$<input type=text name=txtAnswer> </p>

</form>

<script language = "javascript">

function pricecalculate(){
var w1c1=eval(document.classes.w1c1.value);
var w1c2=eval(document.classes.w1c2.value);
var w1c3=eval(document.classes.w1c3.value);
var w1c4=eval(document.classes.w1c4.value);



document.classes.txtAnswer.value=w1c1 + w1c2 + w1c3 + w1c4;
}
</script>

How can I restrict form submission to only the Submit button? I find the forms can be submitted also by the user pressing the "enter" or the "return" key (Users typically use IE or Firefox) By a mouseover the "Submit" button, a final check of data integrity is done as follows....

<INPUT type="submit" value="Submit Form" onmouseover="validate(personal_SS.value,personal_SS.id,personal_lastname.value,personal_lastname.id, personal_firstname.value,personal_firstname.id,personal_Birthdate.value,personal_Birthdate.id)"> <INPUT type="reset" value="Clear form"> Data is 128 bit SSL encrypted

function validate(strngSS,x,strngLN,y,strngFN,z,strngBD,w)
{

if (strngSS== "") {alert("You didn't enter a Social Security Number.");
document.ReturnPatientEntry.x.focus();
return;

}
else
{
if ((strngSS.length < 9) || (strngSS.length > 9)) {alert("The Social Security Number is the wrong length. Just use numbers, no dashes... like 123456789 not " + strngSS);
document.ReturnPatientEntry.x.focus();
return;

}
else
{
var illegalChars = /\W\#/;
if (illegalChars.test(strngSS)) {alert( "The Social Security Number contains illegal characters. Just use numbers, no dashes or # signs.");
document.ReturnPatientEntry.x.focus();
return;

}
}
}
validateLN(strngLN,y)
validateFN(strngFN,z)
validateBD(strngBD,w)
}

function validateLN(strng,x)
{

if (strng== "") {alert("You didn't enter a Last Name.");
document.ReturnPatientEntry.x.focus();
return;

}
else
{
if ((strng.length < 3) || (strng.length > 15)) {alert("The Last Name is the wrong length. Just use letters, no dashes... " + strng);
document.ReturnPatientEntry.x.focus();
return;

}
else
{
var illegalChars = /\W\#/;
if (illegalChars.test(strng)) {alert( "The Last Name contains illegal characters. Just use letters, no dashes or spaces.");
document.ReturnPatientEntry.x.focus();
return;

}
}
}
}


function validateFN(strng,x)
{

if (strng== "") {alert("You didn't enter a First Name.");
document.ReturnPatientEntry.x.focus();
return;

}
else
{
if ((strng.length < 2) || (strng.length > 12)) {alert("The First Name is the wrong length. Just use letters, no dashes... " + strng);
document.ReturnPatientEntry.x.focus();
return;

}
else
{
var illegalChars = /\W\#/;
if (illegalChars.test(strng)) {alert( "The First Name contains illegal characters. Just use letters, no dashes or spaces.");
document.ReturnPatientEntry.x.focus();
return;

}
}
}
}

function validateBD(strng,x)
{

if (strng=="") {alert("Please enter a valid Birthdate");
document.ReturnPatientEntry.x.focus();
return;
}
else
{
if ((strng.length<8) || (strng.length>8)) {alert("Please enter your Birthdate in the form mm/dd/yy, not " + strng);
document.ReturnPatientEntry.x.focus();
return;
}
else
{
var illegalChars=/[\-\.\m\,\ ]/;
if (illegalChars.test(strng)) {alert("The Birtdate contains illegal characters, use the format mm/dd/yy, not " + strng);
document.ReturnPatientEntry.x.focus();
return;
}
}
}
}


I know the coding is primitive, but it works. If the "Clear form" button is pressed, multiple consecutive error messages are tripped as the form is cleared. Can I suppress this as well?

Thanks,
Douglas McKibbin
augustasurgery.org

I recently just created a site: http://celticsinsider.webs.com, and I was wondering how I could put an article submission button on one of my pages? I only know html, by the way.

......................

I was wondering if someone could help me out.

If you go to the page i am currently working on at http://www.tablerunnersent.com/index2.html

If you look mid page you will see an email form.

I was wondering how i would set that form up so if a visitor clicks on submit it would email me at newsletter@tablerunnersent.com the information that they submitted.

This is what i have so far in the HTML Coding:
Code:

< form action="">
				<div>

					<div class="formfield">
					<strong>Name :</strong>
					<input type="text" />

					<br />

					<strong>E-mail :</strong>
					<input type="text" />
					</div>

					<input type="image" src="images/submit_button.gif" class="button_submit" />
					<div class="clearthis">&nbsp;</div>

				</div>
				</form>

I am building a site with two simple forms in it - they are purely for sending through some info, name address etc to an email address.

When I put a form in and test it, I click the submit button and it opens outlook and proceeds to send the data in a long line. Is this all possible in html? I want to do it in the simplest way possible.

Many thanks for your help.

Hi guys, first thing first, nice to be part of this forum.

My first post and question. Suppose i have 5 identical forms with name, address, city, post code, is it possible to do one submission for all rather than doing it one by one...

Thanks

http://www.archive.org/download/kris...nityananda.rar
(right-click save-as)

Made it myself. Uploaded to download.com They haven't accepted as yet.

Waddya u think? It's simple html. You can modify if you like.

Im wondering if anybody knows how to insert your web site into all the popular search engines? Is their a program?? Or do you hjave to go to each search engine manually? Any help would be greatly appreciated! Thanks

I have a page which allows users to perform searches (Player News Search). For whatever reason, in IE, if you enter something in the search box then press the ENTER key on the keyboard, it breaks the layout on my page. However, if the user clicks the ENTER button with their mouse, everything works as expected.

Is there any way to disable the ENTER key for a particular button so that the user must click with their mouse?

creating a form but having a problem with the "checked" attribute. According to the book, this html below is correct but on the page, the other option "wholebean" is always checked when reloading the page, where's the problem please?

Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>The Starbuzz Bean Machine</title>
</head>
<body>

<h1>The Starbuzz Bean Machine</h1>
<h2>Fill out the form below and click submit to order</h2>

<form action="http://www.starbuzzcoffee.com/processorder.php" method="POST">

<p> Choose your beans:

<select name="beans">
<option value="House Blend">House Blend</option>
<option value="Bolivia">Shade Grown Bolivia Supremo</option>
<option value="Guatemala">Organic Guatemala</option>
<option value="Kenya">Kenya</option>
</select>
</p>

<p>Type: <br />
<input type="radio" name="beantype" value="whole" />Whole bean <br />
<input type="radio" name="beantype" value="ground" checked="checked" /> Ground
</p>

<p>Ship to: <br />
Name: <input type="text' name="name" /> <br />
Address: <input type="text> name="address" /> <br />
City: <input type="text" name="city" /> <br />
State: <input type="text" name="state" /> <br />
Zip: <input type="text" name="zip" /> <br />
</p>
<p>
<input type="submit" value="Order Now" />
</p>
</form>



</body>
</html>

Hi

I have designed a form using MS publisher. When i post it to my web site all it does is give me an error ( 404 page not fond ). could something wrong in my form or is it my web site. I want the data to be saved on the same page that the form is at. I did convert this to HTML be for add it to my web site.

Thanks paul

Hi,

I'm not sure if my question is posted in the correct section, I hope so.

I wonder if somebody can help me. I have generated an opt-in form from Imnica Mail(Autoresponder). I put the code in a textbox widget in the sidebar using Wordpress.

I want to add two things in the generated code - an image just above the First name textbox, and a text saying "Privacy: We respect your privacy." under the button. I don't know what I'm doing wrong, they do not show. I have copied the code below. I would be very grateful if you could help me.

Thanks.



<DIV class=o-form>
<DIV class=o-form-header>
<H3 id=o-form-title>Mail List Subscription Form</H3>
<P id=o-form-description> Please fill in and submit the form below
to subscribe to our mailing list.</P></DIV>

<img src = "http://mysite.com/wp-admin/media.php?attachment_id=88&action=edit">

<FORM accept-charset=UTF-8 method=post action=
http://www.imnicamail.com/v4/subscribe.php>

<DIV class=o-form-row><LABEL for=FormValue_CustomField7891>First
Name</LABEL><INPUT id=FormValue_CustomField7891 type=text name=
FormValue_Fields[CustomField7891]></DIV>
<DIV class=o-form-row><LABEL for=FormValue_EmailAddress>Email
Address</LABEL><INPUT id=FormValue_EmailAddress type=text name=
FormValue_Fields[EmailAddress]></DIV>
<INPUT id=
FormButton_Subscribe value=Subscribe type=submit name=
FormButton_Subscribe><INPUT value=7093 type=hidden name=
FormValue_ListID><INPUT id=FormValue_Command value=Subscriber.Add
type=hidden name=FormValue_Command>

<p> Privacy: We respect your privacy.</p>

</FORM>
<STYLE type=text/css media=screen>.o-form{background-
color:#FFF4ED;border:1px solid #814913;}
.o-form form{margin:0px;padding:0px;}
.o-form .o-form-header{background-color:#814913;padding:9px;}
.o-form h3{color:#fff;font-family:Arial,sans-serif;font-
size:18px;line-height:18px;margin:0px;padding:0px;}
.o-form p{color:#fff;font-family:Arial,sans-serif;font-
size:12px;line-height:18px;margin:0px;padding:0px;}
.o-form .o-form-row{margin-top:9px;padding:0 9px;}
.o-form .o-form-row label{color:#814913;font-family:Arial,sans-
serif;font-size:12px;display:block;font-weight:bold;}
.o-form input[type="text"]{border:1px solid
#814913;color:#814913;padding:5px 7px;}
.o-form input[type="submit"]{margin:20px 9px 18px 9px;}</STYLE>
</DIV>

Working on the next version of my site... Can't get any of the forms to align, example: www.bkriegtech.net/2008/?page=contact