Javascript Tutorials

JavaScript Zone

Script Tutorials

Introduction
Pre-requisites
Installation
Notes

Feedback Form

Introduction

This Javascript demonstrates how to create a form to be filled in by the online user, and on completion the form is e-mailed to the creator of the form, for example, to give feedback.

This is based on the Javascript Source's original Suggestions tutorial, but some improvements have been made. Browser details have been removed, and e-mail and subject lines have been added. The e-mail address is checked for proper formatting, and the user name and e-mail address can be saved for future retrieval.

Click on the link below for a demonstration of this script.

Feedback Form Demo

Pre-requisites

none, but this script can work in conjunction with the visitor registration script

Installation

Cut and paste the following code to your html page as indicated:

1/3. Add the following code to the <head> part of your html page: <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> 2/3. Update the <BODY> statement of your html page as follows: <BODY onLoad="Reset()"> 3/3. Add the following to the <BODY> part of your html page, uncommenting lines as indicated: <! ---- FORM STARTS HERE ---- !> <FORM ENCTYPE="text/plain" NAME="test" METHOD='POST' ACTION='mailto:thompp@globalnet.co.uk?subject=thompp nation Suggestions' onSubmit="return submitForm()"> <INPUT TYPE="hidden" NAME="form1" VALUE="thompp nation Suggestions"> <TABLE BORDER=0 WIDTH=100%> <TR><TD width=30%> <FONT><b><small>Enter your name:</b></small></FONT> <TD width=70%> <INPUT TYPE="text" NAME="name" SIZE=26 MAXLENGTH=40> <tr><TD> <FONT><small><b>E-mail address:</b></small></FONT> <TD> <INPUT TYPE="text" NAME="email" SIZE=26 MAXLENGTH=40> <tr><TD> <FONT><small><b>Register your details:</b></small></FONT> <TD valign="top"> <input type=checkbox name=register value=""><small><small>If you click here, your name and e-mail address will be stored next time you use this page. </TABLE> <BR> <TABLE BORDER=0 width=100%> <tr><TD width=30%> <FONT><small><b>Subject:</b></small></FONT> <TD width=70%> <INPUT TYPE="text" NAME="subject" SIZE=26 MAXLENGTH=40> <TR><TD width=30% valign="top"> <FONT><small><b>Enter your suggestion(s):</b></small></FONT> <TD width=70%> <!! IMPORTANT! UNCOMMENT THE FOLLOWING LINE !!> <!TEXTAREA NAME="suggestions" ROWS=2 COLS=35 wrap=yes><!/TEXTAREA> </TABLE> <BR><BR> <TABLE BORDER=0 WIDTH=300> <TR> <TD align="center"><INPUT TYPE="submit" VALUE="Submit"> <TD align="center"><INPUT TYPE="reset" VALUE="Reset" onClick="Reset()"> <TD align="center"><INPUT TYPE="button" VALUE="About" onClick="About()"> <TD align="center"><INPUT NAME="update" TYPE="BUTTON" VALUE="Close" OnClick="leaptoIntro()"> </TR> </TABLE> </FORM> <! ---- FORM ENDS HERE ---- !>

Notes

this tutorial demonstrates:
- how to use cookies
- how to write a form
- how to e-mail the contents of a form
the code for maintaining cookies is taken from the original date last visited / number of visits javascript from the JavaScript Source - thanks
if you use this script, amend the variable names' prefix from pt_ to something meaningful to your site
if you add extra fields to the form, you must update the indices of any fields references within the script in the section.

Page last updated 8th August 2001