␡
- Introduction
- Understanding Forms
- Creating a Form
- Inserting Form Objects
- Modifying Text Fields and Text Areas
- Modifying Radio Buttons and Check Boxes
- Modifying Lists and Menus
- Modifying Buttons
- Inserting an Image Button
- Making Form Objects Dynamic
- Using Tables to Control Forms
- Validating Forms
- Creating and Editing a Jump Menu
- Viewing Example Code for Forms
< Back
Page 14 of 14
This chapter is from the book
This chapter is from the book
This chapter is from the book
This chapter is from the book
Viewing Example Code for Forms
The <form></form> Tags
The first step in the creation of a form is to place the HTML <form></form> tags on your page. All items defining the form must be placed within those tags.
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Untitled Document</title> </head> <body> <form id="form1" name="form1" method="post" action=""> </form> </body> </html>
Form Elements
The following is an example of the HTML code necessary to display a text input field for a person’s name, address, city, state, and zip code.
<body> <form id="form1" name="form1" method="post" action=""> <label>Name <input type="text" name="textfield" /> </label> <label>Address <input type="text" name="textfield2" /> </label> <label>City <input type="text" name="textfield3" /> </label> <label>State <input type="text" name="textfield4" /> </label> <label>Zip <input type="text" name="textfield5" /> </label> </form> </body>
Form Validation
The following is an example of a form validation script that validates an email address input field:
function MM_validateForm() { //v4.0
var
i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
if (val) { nm=val.name; if ((val=val.value)!="") {
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
} else if (test!='R') { num = parseFloat(val);
if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
min=test.substring(8,p); max=test.substring(p+1);
if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
} if (errors) alert('The following error(s) occurred:\n'+errors);
document.MM_returnValue = (errors == '');
< Back
Page 14 of 14