spacer
Yehuda Shiran January 24, 2000
Form Validation
Tips: January 2000

Yehuda Shiran, Ph.D.
Doc JavaScript

Developer News
ActiveState Debuts Open Source Business Suite
Salesforce Offers Visual App Builder
Codesion Steps Out From CVS's Shadow

 Suppose you have a Web site that solicits applicants to send their resume to you. But you really don't want to read thousands of high school kids' resumes. You want to check the age field before submitting it. Here's a form that let's you do that:

Your age:

Desired Job:

Resume:

Here is the code that generates the form above: 
<HTML>
<HEAD>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function valid(form) {
  var field = form.age;  
  var userAge = parseInt(field.value);   
  if (!userAge) {
    alert("You must indicate your age.");
    return false;
  } else if (userAge >= 18) {  
      alert("Thank your for your resume.");  
      return true;
    } else {
        alert("You are only " + userAge + ". Try again when you are 18."); 
        field.focus();
        field.select();
        return false;
      }
}
// -->
</SCRIPT>

<FORM METHOD="POST"
      ACTION="mailto:you@yourdomain.com"
      ENCTYPE="text/plain"
      onSubmit="return valid(this)">
Your age:<BR><INPUT TYPE="text" NAME="age" SIZE="2"><BR>
Desired Job:<BR><INPUT TYPE="text" NAME="job" SIZE="40"><BR>
Resume:<BR><TEXTAREA NAME="resume" COLS="40" ROWS="5"></TEXTAREA><BR>
<INPUT TYPE="submit" VALUE="Send Resume">
</FORM>
</BODY>
</HTML>

People who read this tip also read these tips:

Look for similar tips by subject:


The Network for Technology Professionals

Search:

About Internet.com

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | E-mail Offers

webref The latest from WebReference.com Browse >
Use Web Caching to Make Your Web Site Faster · Creating an Online Shopping Cart Mechanism in PHP · Log JavaScript Errors Using an AJAX-driven Web Service
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters > 
 The latest from internet.com
Configuring Granular Settings for a Database Level Audit · The Perils of a Web 2.0 Transition on Your Business Processes · Facebook Redesigns Site —Again — Nears 400M Mark