Sneakin round Scriptin: Simple Verification Html for my Scripting Class

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Better Form Validation</title>
<script>
function isEmpty(s) {
   var valid = /\S+/.test(s);
   return !valid;
}

function validate()
{
  if (isEmpty(document.myform.userFname.value))
    {
        alert("Error: First Name is required.");
        document.myform.userFname.focus();
        return false;
    }
 if (isEmpty(document.myform.userLname.value))
    {
        alert("Error: Last Name is required.");
        document.myform.userLname.focus();
        return false;
    }
  return true;
}

window.onload = function(){
    document.getElementById("myform").onsubmit = validate;
};
</script>
</head>
<body>
<form name="myform" id="myform" method="get"
      action="http://www.javascriptref.com">
First name: 
<input type="text" name="userFname" id="userFname" 
       size="30" maxlength="60">
<br>
Last name: 
<input type="text" name="userLname" id="userLname" 
       size="30" maxlength="60">
<br>
<input type="submit" value="Submit">
</form>
</body>
</html>

Sneakin round Scriptin

Tuesday, December 25, 2012

Simple Verification Html for my Scripting Class

No comments:

Post a Comment