JavaScript 'contact us' form

pagey · December 24th, 2005, 01:16 PM

Yes, I know its cheating, but does anybody have some source code handy for a form suitable on a 'Contact Us' page. Nothing too flashy required....

Or maybe a link to a tutorial that would cover my requirements?

Cheers

AnneJan · January 9th, 2006, 12:32 PM

Here's a code that might help:

HTML Code:

<html>
<head>

<title></title>

</head>

<body>
 <center>
                <tr>
                  <td><form method="post"action="#?">
                    <input type="hidden" name="require" value="email">
                    <input type="hidden" name="recipient" value="user@provider.com">
                    <input type="hidden" name="sort" value="alphabetic">
                    <input type="hidden" name="env_report" value="REMOTE_HOST,HTTP_USER_AGENT">
                    <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="15">&nbsp;</td>
                      <td><table width="98%"  border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td height="25">&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                            </tr>
                            <tr>
                              <td height="25" class="txt_content_bold">Reason for Contact<br></td>
                              <td width="15"> <div align="center">: </div></td>
                              <td><select name="multi_field[]" size="3" multiple class="select01">
                                  <option value="Problem">Problems</option>
                                  <option value="Something">Something</option>
                                  <option value="Help me">Help me</option>
                                  <option value="Also Something">Also Something</option>
                                </select></td>
                            </tr>
                            <tr>
                              <td height="25" class="txt_content_bold">Message Subject </td>
                              <td><div align="center">:</div></td>
                              <td><input name="subject" type="text" class="input02"></td>
                            </tr>
                            <tr>
                              <td height="25" class="txt_content_bold">Your Email </td>
                              <td><div align="center">:</div></td>
                              <td><input name="email" type="text" class="input02"></td>
                            </tr>
                            <tr>
                              <td height="25" valign="top" class="txt_content_bold">Please enter your message</td>
                              <td valign="top"><div align="center">:</div></td>
                              <td><textarea name="message" rows="8" class="input02"></textarea></td>
                            </tr>
                            <tr>
                              <td height="50" valign="top">&nbsp;</td>
                              <td valign="top">&nbsp;</td>
                              <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                //submit.gif: Place a button to send this to you  
				<td width="142"><input type="image" src="Submit.gif"></td>
                                  <td><input type="image" src="Reset Message.gif" onclick="this.form.reset(); return false"></td>
                                </tr>
                              </table>

</center>
</body>
</html>

noorhanabbas · December 16th, 2008, 05:43 AM

Hello,
I tried to use the code. It seems it posts the emails fine from the 'Contact us' form but I couldn't receive the posted emails?

Any idea why this is happening?

Thanks.

Bocaj · December 16th, 2008, 06:17 AM

What did you alter on the script?

noorhanabbas · December 16th, 2008, 08:02 AM

I added a function that checks on the email address supplied by the user, then the form will use the 'Post' method and action="#?"
Posting the email seems to be okay...as I get HTTP 1.1-200 message after the posting. But I don't really get the email sent.

Thank you very much

noorhanabbas · December 16th, 2008, 09:21 AM

Just a thought that came to me....is it right to write the recipient email address in the action field of the form action="#provider@whatever.com"

Please help,
Thanks.

bennyben · April 20th, 2009, 05:24 PM

The script posted above will not send any email, it is just a form with no destination. You need to have a Server-side script to take the form POST information and sent the email.

First you need to specify the Server script as the forms 'action' parameter, for example:

Code:

<form name="contact" method="post" action="sendform.php">

The you need to create the form processing script 'sendform.php' and save it to your Server.

A simple example would be:

Code:

<?php
$message = "";
foreach($_POST as $a => $b) {
 $message .= $a." : ".$b."\n";
}
mail("you@domain.com","Form Submission",$message);
?>

Note that the above is the most basic code example possible, you really should add some additional validation checks etc... but it should give some food for thought.