Form Mailer - PHP Script - Data issue - Web Design & Web Development Forum: HTML, CSS, JavaScript, PHP

dcj · #1 28 Sep 2009, 03:30 PM

Hi, I'm hoping that someone can help me with this problem as I've never encountered it before. I set up a short contact form in a website and created the php script to attach to it so that it can send the information to an email account. The form works (let's the user fill it in and sends the email); however, the email has the names of the form fields but does not pick up the user entries - meaning it will say "Name:" but will have no value attached. I will attach here my html and php code and if anyone can tell me what I have done wrong or if there is something else I need to do I would be so appreciative:

HTML:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Wine Out Dine Out | Contact</title>
<style type="text/css">
#wrap { width: 1200px; position: relative; margin: auto; }

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<script type="text/javascript">

</script>
</head>
<div id="wrap">
<body>
<div id="apDiv3"><a href="http://www.wineoutdineout.com"><img src="images/logopink.png" width="300" height="128" border="0" onmouseover="MM_effectGrowShrink(this, 1000, '100%', '125%', true, false, false)" /></a></div>
<div id="apDiv4">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="http://www.wineoutdineout.com">Home</a> </li>
<li><a href="ComingEvents.html">Coming Events</a></li>
<li><a href="PastEvents.html">Past Events</a> </li>
<li><a href="ContactUs.html">Contact Us</a></li>
</ul>
</div>
<div id="apDiv5">
<map name="Map2" id="Map2"><area shape="rect" coords="430,519,802,572" href="mailto:wineoutdineout@aol.com" />
</map></div>
<div id="apDiv6"><img src="images/contactbottom.png" width="700" height="75" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="592,3,696,41" href="http://www.wineoutdineout.com" />
<area shape="rect" coords="32,44,165,64" href="http://www.wineoutdineout.com" />
</map></div>
<div id="apDiv7"><a href="mailto:info@wineoutdineout.com"><img src="images/contactpage.png" width="400" height="250" border="0" /></a></div>
<div class="style1" id="apDiv8">
<div align="right"><a href="http://www.dcjanodesign.com" target="_blank">site by dcjanodesign</a></div>
</div>
<div id="apDiv9"><a href="http://www.facebook.com/group.php?gid=123358685611&ref=ts" target="_blank"><img src="images/facebook_logo.png" width="75" height="75" border="0" /></a></div>
<div id="apDiv11">
<table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><div align="right">
<form id="name" name="name" method="post" action="">
<label for="name">Name:</label>
</form>
</div></td>
<td><div align="left">
<input name="name" type="text" id="name" size="50" maxlength="50" />
</div></td>
</tr>
<tr>
<td><div align="right">
<form id="email" name="email" method="post" action="">
<label for="email">Email:</label>
</form>
</div></td>
<td><div align="left">
<input name="email" type="text" id="email" size="50" maxlength="100" />
</div></td>
</tr>
<tr>
<td><div align="right">
<form id="zip" name="zip" method="post" action="">
<label for="zip">Zip Code:</label>
</form>
</div></td>
<td><div align="left">
<input name="zip" type="text" id="zip" size="50" maxlength="10" />
</div></td>
</tr>
<tr>
<td><div align="right">
<form id="comments" name="comments" method="post" action="">
<label for="comments">Comments:</label>
</form>
</div></td>
<td><div align="left">
<textarea name="comments" cols="50" rows="3" id="comments"></textarea>
</div></td>
</tr>
<tr>
<td><div align="right">
<form id="reset" name="reset" method="post" action="">
<label for="reset"></label>
<input type="reset" name="reset" id="reset" value="Clear Form" />
</form>
</div></td>
<td><div align="left">
<form id="submit" name="submit" method="post" action="comments.php">
<label for="submit"></label>
<input type="submit" name="submit" id="submit" value="Send" />
</form>
</div></td>
</tr>
</table>
</div>
<script type="text/javascript">

</script>
</body>
</div>
</html>

PHP:

<?php

/* Subject and Email Variables */

$emailSubject = 'Info Request!';
$webMaster = 'info@wineoutdineout.com';

/* Gathering Data Variables */

$name = $_POST['name'];
$email = $_POST['email'];
$zip = $_POST['zip'];
$comments = $_POST['comments'];

$body = <<<EOD
<br><hr><br>
Name: $name<br>
Email: $email<br>
Zip Code: $zip<br>
Comments: $comments<br>
EOD;

$headers = "From: $email\r\n";
$headers .= "Content-type: text/html\r\n";
$success = mail($webMaster, $emailSubject, $body, $headers);

/* Results rendered as HTML */

$theResults = <<<EOD
<html>
<head>
<title>sent message</title>
<meta http-equiv="refresh" content="1;URL=http://wineoutdineout.com/index.html">
<style type="text/css">

</style>
</head>
<div align="center">Your email will be answered soon as possible!
You will return to Wine Out Dine Out in a few seconds !</div>
</div>
</body>
</html>
EOD;
echo "$theResults";

?>

prasanthmj · #2 28 Sep 2009, 09:44 PM

You have so many forms in this page!
Keep only one <form> tag above the first input element

HTML Code:

<form method="post" action="comments.php">
          <label for="name">Name:</label>
        </div></td>
      <td><div align="left">
        <input name="name" type="text" id="name" size="50" maxlength="50" />

and close the form tag after the last element

HTML Code:

<input type="submit" name="submit" id="submit" value="Send" />
        </form>

remove all other <form> and </form> tags

Going through these articles will help:
HTML Form Tutorial
and this
HTML form input examples