Home > Articles > Web Development > Dreamweaver & Flash

  • Print
  • + Share This
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 == '');
  • + Share This
  • 🔖 Save To Your Account