Jumat, 02 Januari 2026

Form Validation

 




<html>

 

<head>

<title>Personal Information</title>

<style> 

PRE {font-family:Times New Roman; color:navy}

H3 {text-align:center; color:navy}

</style>

<script language="JavaScript" src="validation.js"></script>

<script language="JavaScript"> 

 

function frmPersonalSubmit() {

if (document.all.txtAddressOne.value.Trim()=='') {

document.all.txtAddressOne.value = document.all.txtAddressTwo.value;

document.all.txtAddressTwo.value = '';

}

if (!validation.nonBlank(document.all.txtFullName))

return false;

if (!validation.validDate(document.all.txtDoB))

return false;

if (!validation.validHours(document.all.txtHours))

return false;

if (!validation.nonBlank(document.all.txtAddressOne))

return false;

if (!validation.nonBlank(document.all.txtCity))

return false;

if (!validation.itemSelected(document.all.txtState))

return false;

if (!validation.validZip(document.all.txtZip))

return false;

if (!validation.validSSNbr(document.all.txtSSNbr))

return false;

if (!validation.validEmail(document.all.txtEmail))

return false;

}

</script>

</head>

 

<body>

 

<h3>Personal Information</h3>

 

<form method="POST" onsubmit="return frmPersonalSubmit();" name="frmPersonal"

action="personalupdate.asp">

  <pre><label for="txtFullName">Full Name </label><input type="text" name="txtFullName"

id="txtFullName" size="50" tabindex="1">

<label for="txtDoB">Date of Birth </label><input

type="text" name="txtDoB" id="txtDoB" size="12" tabindex="2"></pre>

  <pre><label for="txtHours">Std Work Hours </label><input type="text" name="txtHours"

id="txtHours" size="6" tabindex="3" value="40"></pre>

  <pre><label for="txtAddressOne">Address Line 1 </label><input type="text"

name="txtAddressOne" id="txtAddressOne" size="50" tabindex="4">

<label for="txtAddressTwo">Address Line 2 </label><input

type="text" name="txtAddressTwo" id="txtAddressTwo" size="50" tabindex="5">

<label

for="txtCity">City </label><input type="text" name="txtCity" id="txtCity" size="30"

tabindex="6">

<label for="txtState">State </label><select name="txtState" id="txtState"

size="1" tabindex="7"><option value="(State)">(State)</option><option value="CO">Colorado</option><option

value="MD">Maryland</option><option value="VA">Virginia</option><option value="WA">Washington</option></select>

<label

for="txtZip">Zip Code </label><input type="text" name="txtZip" id="txtZip" size="12"

tabindex="8"></pre>

  <pre><label for="txtSSNbr">SS Number </label><input type="text" name="txtSSNbr"

id="txtSSNbr" size="15" tabindex="9"></pre>

  <pre><label for="txtEmail">Email Address </label><input type="text" name="txtEmail"

size="50" id="txtEmail" tabindex="10"></pre>

  <p><input type="submit" value="Submit" name="cmdSubmit"><input type="reset" value="Reset"

  name="cmdReset"></p>

</form>

</body>

<script language="JavaScript"> 

// Define the display names for the form fields and default values

document.all.txtFullName.setAttribute("DisplayName","Full Name");

document.all.txtDoB.setAttribute("DisplayName","Date of Birth");

document.all.txtHours.setAttribute("DisplayName","Standard Work Hours");

document.all.txtAddressOne.setAttribute("DisplayName","First Address Line");

document.all.txtCity.setAttribute("DisplayName","City");

document.all.txtState.setAttribute("DisplayName","State");

document.all.txtZip.setAttribute("DisplayName","Zip Code");

document.all.txtSSNbr.setAttribute("DisplayName","Social Security Number");

document.all.txtEmail.setAttribute("DisplayName","Email Address");

</script>

 

</html>


Tidak ada komentar: