HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Need Help With Submit Button/email in Form
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Form
View previous topic :: View next topic  
Author Message
gadgetman525



Joined: 16 Feb 2008
Posts: 1

PostPosted: Sat Feb 16, 2008 1:20 pm     Need Help With Submit Button/email in Form Reply with quote

I have been working on this website for a while, and could really use some help with the submit button. Every code i use just gives me an error. Here is my script. Basically, i am trying to make it to where when someone clicks submit, it emails me the stuff.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="mm_travel2.css" type="text/css" />
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationCheckbox.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//--------------- END LOCALIZEABLE ---------------
</script>
<style type="text/css">
<!--
body {
background-image: url();
background-color: #FFFFFF;
}
.style4 {color: #0000000}
.style6 {
font-size: 18px;
left: 1.5px;
}
.style11 {
font-size: 36px;
font-weight: bold;
font-style: italic;
}
.style12 {font-size: 24px}
-->
</style>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationCheckbox.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style13 {
font-size: 10.5px;
font-style: italic;
}
.style15 {font-style: italic}
.style16 {font-style: italic}
.style17 {color: #FFFFFF}
-->
</style>
<link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style18 {
font-size: 14px;
font-style: italic;
font-weight: bold;
}
.style19 {
font-size: 15px
}
-->
</style>
</head>
<body>
<table width="1" border="0" align="left" cellpadding="0" cellspacing="0">
<tr bgcolor="#3366CC">
<td colspan="3" rowspan="2" bgcolor="#FFFFFF"><div align="left"><img src="PageantLogo.jpg" width="352" height="173" hspace="10" /></div></td>
<td height="63" colspan="3" align="center" valign="bottom" nowrap="nowrap" bgcolor="#FFFFFF" id="logo">&nbsp;</td>
</tr>

<tr bgcolor="#3366CC">
<td height="134" colspan="3" align="center" valign="top" bgcolor="#FFFFFF" id="tagline">&nbsp;</td>
</tr>

<tr>
<td height="2" colspan="6" bgcolor="#000000"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>

<tr bgcolor="#CCFF99"></tr>
<tr>
<td colspan="6" bgcolor="#003366"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>

<tr>
<td width="144" valign="top" bgcolor="#FFFFFF">
<table width="181" border="0" cellpadding="0" cellspacing="0" id="navigation">
<tr>
<td>&nbsp;<br />
&nbsp;<br /></td>
</tr>
<tr>
<td height="27" align="left"><div align="left" class="style6">
<p><u><span class="style4"> <a href="Homepage.html">Home</a></span></u></p>
</div></td>
</tr>
<tr>
<td height="27" align="left"><div align="left" class="style6">
<p><u><span class="style4"><a href="Contestants.html">Contestants</a></span></u></p>
</div></td>
</tr>
<tr>
<td height="27" align="left"><div align="left" class="style6">
<p><u><span class="style4"><a href="Sponsors Page.html">Sponsors</a></span></u></p>
</div></td>
</tr>
<tr>
<td height="27" align="left"><div align="left" class="style6"><u><a href="Advertisement Info Page.html">Advertisement Info</a></u><a href="Advertisement Info Page.html"></a></div></td>
</tr>
<td height="27" align="left"><div align="left" class="style6">
<p><u><span class="style4"><a href="Application Page.html">Application Info</a></span></u></p>
</div></td>
<tr>
<td height="27" align="left"><div align="left" class="style6">
<p align="right"><u><span class="style4"> --<a href="Application Form Page.html">Application Page </a></span></u></p>
</div></td>
</tr>
<tr>
<td height="27" align="left"><div align="left" class="style6">
<p><u><span class="style4"><a href="Contact Us Page.html">Contact Us</a></span></u></p>
</div></td>
</tr>
</table>
 <br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br /> </td>
<td width="64"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td colspan="2"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
&nbsp;<br />
&nbsp;<br />
<table border="0" cellspacing="0" cellpadding="0" width="550">
<tr>
<td class="pageName style11"><p align="center" class="style12">20th Annual White Settlement Community Chest Pageant Application</p></td>
</tr>
</table>
 <br />
An online version of the Application Form is located below. Simply fill out all fields and click submit. The submission will be emailed to Sharon Warner (wscomchestataol.com) Please remember, <strong>YOU MUST MAIL IN A CHECK OR CASH PAYEMENT</strong> for the registration to be completed. Upon recieving the entrance fee, an e-mail will be sent to you confirming your entrance information.
<p align="left">Name of Contestant <span id="sprytextfield1">
<label>
<input name="Contestant Name" type="text" id="Contestant Name" size=50 maxlength="50" />
</label>
<span class="textfieldRequiredMsg">A value is required.</span></span></p>
<p align="left">Contestant Age as of pageant date on <strong>March 29, 2008</strong> <span id="sprytextfield2">
<label>
<input name="Age" type="text" id="Age" size=5 maxlength="3" />
</label>
<span class="textfieldRequiredMsg">A value is required.</span></span></p>
<p align="left">Cell Phone or Message Number <span id="sprytextfield3">
<label>
<input type="text" name="Phone Number" size=35 id="Phone Number" maxlength=10 />
</label>
<span class="textfieldRequiredMsg">A value is required.</span></span></p>
<p align="left">Home Phone <span id="sprytextfield4">
<label>
<input type="text" name="Home Phone" id="Home Phone" size=35 maxlength=10 />
</label>
<span class="textfieldRequiredMsg">A value is required.</span></span></p>
<p align="left">Contestant Address <span id="sprytextfield5">
<label>
<input type="text" name="Address" size=75 maxlength=75 id="Address" />
</label>
<span class="textfieldRequiredMsg">A value is required.</span></span></p>
<p align="left">Email Address <span id="sprytextfield6">
<label>
<input type="text" name="email address" size=75 maxlength=75 id="email address" />
</label>
<span class="textfieldRequiredMsg">.</span></span></p>
<p align="left">Contestant Sponsor Name* <span id="sprytextfield7">
<label>
<input type="text" name="Sponsor Name" size=75 maxlenth=75 id="Sponsor Name" />
</label>
</span></p>
<p align="left">Contestant Wishes to Enter</p>
<p align="left"><span id="sprycheckbox1">
<label>
<input type="checkbox" name="Miss Community Service" id="Miss Community Service" />
</label>
<span class="checkboxRequiredMsg">Please make a selection.</span></span> <strong>Miss Community Service</strong> <span class="style13">(No fee-every contestant who raises at least $50.00 wins a crown and trophy)</span></p>
<p align="left"><span id="sprycheckbox2">
<label>
<input type="checkbox" name="Pageant Only" id="Pageant Only" />
</label>
<span class="checkboxRequiredMsg">Please make a selection. Pageant</span></span><strong> Pageant Only</strong>-no optional competition $40.00</p>
<p align="left"><span id="sprycheckbox3">
<label>
<input type="checkbox" name="Pageant and Talent" id="Pageant and Talent" />
</label>
<span class="checkboxRequiredMsg">Please make a selection.</span></span><strong>Pageant and Talent</strong> Competition $60.00</p>
<p align="center"><strong>Optional Competitions-$10.00 Each</strong></p>
<span id="sprycheckbox4">
<label>
<input type="checkbox" name="Photogenic" id="Photogenic" />
</label>
<span class="checkboxRequiredMsg">Please make a selection.</span></span><em>Photogenic </em> <span id="sprycheckbox5">
</span><span>
<label>
</label>
</span>
<input type="checkbox" name="Portfolio" id="Portfolio" />
<em>Portfolio</em>
<label>
<input type="checkbox" name="Western Wear" id="Western Wear" />
</label>
<span class="checkboxRequiredMsg">Please make a selection.</span><em>Western Wear</em>

<div align="left"></div>
<span> </span>
<p><span id="sprycheckbox7">
<label>
<input type="checkbox" name="Formal/Party" id="Formal/Party" />
</label>
<span class="checkboxRequiredMsg">Please make a selection.</span></span><em>Formal/Party<span id="sprycheckbox8">
<label>
<input type="checkbox" name="Costume" id="Costume" />
</label>
</span></em><span><span class="checkboxRequiredMsg style15">Please make a selection.</span></span><span class="style16">Costume<span id="sprycheckbox9">
<label>
<span class="style17">--</span>
<input type="checkbox" name="Casual/Sportswear" id="Casual/Sportswear" />
</label>
<span class="checkboxRequiredMsg">Please make a selection.</span></span></span><em>Casual/Sportswear</em></p>
<p align="center"><strong>Package Deals</strong></p>
<p align="left"><span id="sprycheckbox10">
<label>
<input type="checkbox" name="Everything Package" id="Everything Package" />
</label>
<span class="checkboxRequiredMsg">Please make a selection.</span></span><strong>Everything Package</strong>-<em>Pageant, Talent and, 3 optional's-$75.00 <strong>Save $15.00</strong></em></p>
<p align="left"><span id="sprycheckbox11">
<label>
<input type="checkbox" name="Almos Everything Package" id="Almos Everything Package" />
</label>
<span class="checkboxRequiredMsg">Please make a selection.</span></span><strong>Almost Everything Package-Pagant</strong><em>, 3 optional's-$60.00 <strong>Save $10.00</strong></em></p>
<p align="center">Multiple Children from the same family...Save $5.00 of package deals<br />
<strong>Boys are eligible for all phases of competition up to age 6</strong></p>
<p align="center" class="style18">*All contestants must live, work or attend school/daycare within the boundaries of the WSISD or be sponsored by a business or individual that meets those requirements.</p>
<p><strong>On Stage Introduction</strong><br />
(A brief one to two minute introduction to be read from stage during the pageant)</p>
<p align="left"><span id="sprytextarea1">
<label>
<textarea name="Introduction" id="Introduction" cols="45" maxlength=500 size=100 rows="5"></textarea>
</label>
</span></p>
<p align="left">You may also send this in an email to wscomchestataol.com</p>
<p align="left"><label>
<form method="post" action="gadgetman525atsbclobal.net">
<p> <input value="Send" type="submit">
</label>
<p align="center">&nbsp;</p>
<p align="center" class="style19"><strong><em><u>***A Wallet Sized Photo Must Be Included With Payment for Inclusion in Program***</u></em></strong><br />
<strong><em><u>***Photogenic/Portfolio Photos MUST Be Received By March 22**</u></em></strong></p>
<p align="center" class="style19">Please Refer to the Contact Information Section if You Have Any Questions</p>
<p>Click below to download a version of this page in document format.<br />
(These must be mailed/given to Sharon/Helen Warner)</p>
<p><a href="Pageant Application Page.doc">Pageant Application Page.doc </a>(Microsoft Word Document)</p>
<p align="left" class="style19">&nbsp;</p>
<p align="center" class="style18">&nbsp;</p>
<p align="center">&nbsp;</p>
</td>

<td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td width="23" valign="top"><br />
&nbsp;<br /></td>
</tr>
<tr>
<td width="144">&nbsp;</td>
<td width="64">&nbsp;</td>
<td width="167">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="23">&nbsp;</td>
</tr>
</table>
<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3");
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4");
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5");
var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6");
var sprytextfield7 = new Spry.Widget.ValidationTextField("sprytextfield7");
var sprycheckbox1 = new Spry.Widget.ValidationCheckbox("sprycheckbox1");
var sprycheckbox2 = new Spry.Widget.ValidationCheckbox("sprycheckbox2");
var sprycheckbox3 = new Spry.Widget.ValidationCheckbox("sprycheckbox3");
var sprycheckbox4 = new Spry.Widget.ValidationCheckbox("sprycheckbox4");
var sprycheckbox5 = new Spry.Widget.ValidationCheckbox("sprycheckbox5");
var sprycheckbox6 = new Spry.Widget.ValidationCheckbox("sprycheckbox6");
var sprycheckbox7 = new Spry.Widget.ValidationCheckbox("sprycheckbox7");
var sprycheckbox9 = new Spry.Widget.ValidationCheckbox("sprycheckbox9");
var sprycheckbox10 = new Spry.Widget.ValidationCheckbox("sprycheckbox10");
var sprycheckbox11 = new Spry.Widget.ValidationCheckbox("sprycheckbox11");
var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1");
//-->
</script>
</body>
</html>


Thanks for the help
Gadgetman
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8315
Location: Castle Pines North, CO USA

PostPosted: Sat Feb 16, 2008 3:49 pm     Reply with quote



How are you processing the form? You have
Code:
<form method="post" action="gadgetman525atsbclobal.net">
but I am guessing that you want to use the user's email program to send the form? If so, you need to use something like
Code:
<form action="mailto:first.lastatexample.com" enctype="text/plain" method="post">
Usually this will prompt the user that a program is wanting to use their email program and do they want to allow it.

It is usually better to process the form server side. For example, Processing the Form with the JMail EMail Component offers an example if your server supports ASP and JMail.

Otherwise, you might check out Email forms by Bravenet for some ideas.

_________________
Corey
Toll Free Solutions | Mile High Merchant Accounts | Expression Web Blog
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Form All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial