Textfield Validation - JavaScript Feedback Form

Simple feedback form allows you to receive visitors feedback. Before submitting the form, the script requires that all text fields must be completed. If you do not fill out your form correctly, then a message window will pop up to remind you of incorrectly.

Put this script into your web page to receive feedback from your visitors.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script language="javascript">

<!-- Begin
function checkFields() {
missinginfo = "";
if (document.form.name.value == "") {
missinginfo += "\n     -  Name";
}
if ((document.form.from.value == "") ||
(document.form.from.value.indexOf('@') == -1) ||
(document.form.from.value.indexOf('.') == -1)) {
missinginfo += "\n     -  Email address";
}
if ((document.form.website.value == "") ||
(document.form.website.value.indexOf("http://") == -1) ||
(document.form.website.value.indexOf(".") == -1)) {
missinginfo += "\n     -  Web site";
}
if(document.form.comments.value == "") {
missinginfo += "\n     -  Comments";
}

if (missinginfo != "") {
missinginfo ="_____________________________\n" +
"You failed to correctly fill in your:\n" +
missinginfo + "\n_____________________________" +
"\nPlease re-enter and submit again!";
alert(missinginfo);
return false;
}
else return true;
}
//  End -->
</script>

Insert this code into <body> tags

<form action="http://cgi.freedback.com/mail.pl" name=form method=post onSubmit="return checkFields();">

<input type=hidden name=to value='spam-me-senseless@sitting-duck.net'>
<input type=hidden name=subject value="Freedback">

<pre>
Name:      <input type=text name="name" size=30>

E-mail:    <input type=text name="from" size=30>

Web Site:  <input type=text value="http://" name="website" size=30>

Comments:

<textarea rows=3 cols=40 name="comments"></textarea>

<input type=submit name="submit" value="Submit Form!">
</pre>
</form>

Instruction:

Modify the table style to suit your site.

Webmaster » Web Programming » JavaScript » Forms » Textfield Validation

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links