Script Categories













Validation Guestbook

Forms >>> Validation Guestbook.

Use Javascript to ensure that all elements of a form are properly filled out before mailing.

Enter your name: Enter your e-mail address:
Your browser Enter your country:
Leave a comment or suggestion:


List your favorite sites:


Add the below code to the <body> section of your page:

<script language="javascript" type="text/javascript">
/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
var emailAddress="youremailaddress";
function toName()
     {
var toNameval=document.mail.elements[1].value;
toNameval = "mailto:youre-mailaddress.com?subject=Guest Book example";
this.document.mail.action = toNameval;
}
function Reset() {
document.mail.elements[0].value = "";
document.mail.elements[1].value = "";
document.mail.elements[2].value = navigator.appName + " " + navigator.appVersion;
document.mail.elements[3].value = "";
document.mail.elements[4].value = "";
document.mail.elements[5].value = "";
document.mail.elements[0].focus();
}
function submitForms() {
if ( (isName() ) && (isEmail()) && (isBrowser()) && (isCountry()) && (isComment()) && (isFavorite()) )
if (confirm("\nYou're about to e-mail the form.\n\nClick on YES to submit.\n\nClick on NO to abort."))
{
alert("\nYour submission will now be made to :\n\n"+emailAddress+"\n\n\nThank you!");
return true;
}
else
{
alert("\nYou have chosen to abort the submission.");
return false;
}
else
return
false;
}
function isName() {
var str = document.mail.elements[0].value;
if (str == "") {
alert("\nThe NAME field is blank.\n\nPlease enter your name.")
document.mail.elements[0].focus();
return false;
}
for (var i = 0; i < str.length; i++)
{
var ch = str.substring(i, i + 1);
if (((ch < "a" || "z" < ch) && (ch < "A" || "Z" < ch)) && ch != ' ')
{
alert("\nThe NAME field only accepts letters & spaces.\n\nPlease re-enter your name.");
document.mail.elements[0].select();
document.mail.elements[0].focus();
return false;
   }
}
return true;
}
function isEmail()
{
emailAddress=document.mail.elements[1].value;
if (document.mail.elements[1].value == "") {
alert("\nThe E-MAIL field is blank.\n\nPlease enter your e-mail address.")
document.mail.elements[1].focus();
return false;
}
if (document.mail.elements[1].value.indexOf ('@',0) == -1 ||
document.mail.elements[1].value.indexOf ('.',0) == -1)
{
alert("\nThe E-MAIL field requires a \"@\" and a \".\"be used.\n\nPlease re-enter your e-mail address.")
document.mail.elements[1].select();
document.mail.elements[1].focus();
return false;
}
else
{
toName();
return true;
}
}
function isBrowser()
{
if (document.mail.elements[2].value != navigator.appName + " " + navigator.appVersion)
{
if (confirm("\nYou've changed your browser type.\n\nClick on OK to keep changes.\n\nClick on Cancel to restore detected browser."))
return true
else
{
document.mail.elements[2].value = navigator.appName + " " + navigator.appVersion;
return true;
   }
}
else
return
true;
}
function isCountry() {
var str = document.mail.elements[3].value;
if (str == "") {
alert("\nThe COUNTRY field is blank.\n\nPlease enter your country.")
document.mail.elements[3].focus();
return false;
}
for (var i = 0; i < str.length; i++) {
var ch = str.substring(i, i + 1);
if (((ch < "a" || "z" < ch) && (ch < "A" || "Z" < ch)) && ch != ' ')
{
alert("\nThe COUNTRY field only accepts letters & spaces.\n\nPlease re-enter your country.");
document.mail.elements[3].select();
document.mail.elements[3].focus();
return false;
   }
}
return true;
}
function isComment() {
if (document.mail.elements[4].value == "") {
if (confirm("\nYou're about to submit without leaving a comment.\n\nClick on CANCEL to include a comment.\n\nClick on OK to continue without a comment."))
return true
else
{
document.mail.elements[4].focus();
return false;
}
}
else
return
true
}
function isFavorite() {
if (document.mail.elements[5].value == "") {
if (confirm("\nYou're about to submit without listing your favorite sites.\n\nClick on CANCEL to include favorites.\n\nClick on OK to continue without listing favorites."))
return true
else
{
document.mail.elements[5].focus();
return false;
   }
}
else
return
true
}
window.onload=Reset;
// End -->
</SCRIPT>
<FORM ENCTYPE="text/plain" NAME="mail" METHOD='GET' ACTION='mailto:youremailaddress' onSubmit="return submitForms()">
<TABLE BORDER=0 WIDTH=400>
<TR>
<TD
align="center"> <FONT COLOR=800000><STRONG>Enter your name:</STRONG></FONT></TD>
<TD
align="center"> <FONT COLOR=800000><STRONG>Enter your e-mail address:</STRONG></FONT></TD>
</TR>
<TR>
<TD
align="center"> <INPUT TYPE="text" NAME="name"   SIZE=30 MAXLENGTH=40 ></TD>
</TD>
<TD
align="center"> <INPUT TYPE="text" NAME="email"   SIZE=30 MAXLENGTH=40 ></TD>
</TR>
<TR>
<TD
align="center"> <FONT COLOR=800000><STRONG>Your browser </STRONG></FONT></TD>
<TD
align="center"> <FONT COLOR=800000><STRONG>Enter your country:</STRONG></FONT></TD>
</TR>
<TR>
<TD
align="center"> <INPUT TYPE="text" NAME="browser" SIZE=30 MAXLENGTH=60></TD>
<TD
align="center"> <INPUT TYPE="text" NAME="country" SIZE=30 MAXLENGTH=60>
</TD>
</TR>
</TABLE>
<FONT COLOR=800000><STRONG>Leave a comment or suggestion:</strong> </font><BR>
<TEXTAREA NAME="comments" ROWS=5 COLS=50 wrap=yes>Comments?  Suggestions?</TEXTAREA><br><br>
<
FONT COLOR=800000><STRONG>List your favorite sites:</STRONG></FONT><BR>
<TEXTAREA NAME="favorites" ROWS=5 COLS=50 wrap=yes>
Any sites I should take a look at?</TEXTAREA>
<br><br>
<INPUT TYPE="submit" VALUE="Submit"><INPUT TYPE="reset" VALUE="Reset" onClick="Reset()">
</FORM>

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.



Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).




©