Untitled

Jing Tao's amended copy

<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
<script type="text/javascript">
function validateForm(form)
{
    if(empty1(form.cName))
    {   alert("Please enter your company name.");
        form.cName.focus();
        return false;
    }
    if(empty2(form.bArea))
    {   alert("Please enter your business area.");
        form.bArea.focus();
        return false;
    }
    if(empty3(form.address))
    {   alert("Please enter your address.");
        form.address.focus();
        return false;
    }
    if(empty4(form.phone))
    {   alert("Please enter your phone number.");
        form.phone.focus();
        return false;
    }
    if((form.email.value.length==0) || (form.email.value==null))
    {   alert("Please enter your email address.");
        form.email.focus();
        return false;
    }
    if(empty6(form.username))
    {   alert("Please enter your username.");
        form.username.focus();
        return false;
    }
    if(empty7(form.password))
    {   alert("Please enter your password.");
        form.password.focus();
        return false;
    }
    if(empty8(form.rPassword))
    {   alert("Please re-type your password.");
        form.rPassword.focus();
        return false;
    }
    if(validateEmail(form.email))
    {   alert("Invalid email address.");
        form.email.focus();
        return false;
    }
    return true;
}
function validateEmail(x)
{
    var y=document.getElementById(x);
    var at="@";
    var dot=".";
    var atPos=y.indexOf(at);
    var l_email=y.length;
    var dotPos=y.indexOf(dot);

    if(y.value.length==0 || y.value==null)
    {return true;}
    if(y.atPos==-1 || y.atPos==0 || y.atPos==l_email)
    {return true;}
    if(y.dotPos==-1 || y.dotPos==0 || y.dotPos==l_email)
    {return true;}

    return false;
}
function empty1(x)
{
    if((cName.value.length==0) || (cName.value==null))
    {return true;}return false;
}
function empty2(x)
{
    if((bArea.value.length==0) || (bArea.value==null))
    {return true;}return false;
}
function empty3(x)
{
    if((address.value.length==0) || (address.value==null))
    {return true;}return false;
}
function empty4(x)
{
    if((phone.value.length==0) || (phone.value==null))
    {return true;}return false;
}
function empty5(x)
{
    if((email.value.length==0) || (email.value==null))
    {return true;}return false;
}
function empty6(x)
{
    if((username.value.length==0) || (username.value==null))
    {return true;}return false;
}
function empty7(x)
{
    if((password.value.length==0) || (password.value==null))
    {return true;}return false;
}
function empty8(x)
{
    if((rPassword.value.length==0) || (rPassword.value==null))
    {return true;}return false;
}
function caps(x)
{document.getElementById(x).style.textTransform="capitalize";}

</script>
</head>

<body>
<h1>Sign Up For FindJobsMsia</h1>
<table border="1">
    <tr>
        <td valign="top" width="130px" rowspan="12">
            <a href="home.html">Home</a><br /><br />
            <a href="login.html">Login</a><br /><br />
        </td>
        <td colspan="2">
            Please fill up each field.  The fields with an asterisk(*) on it are fields
            that must be at least 6 characters long.<br /><br />
        </td>
    </tr>

        <form name=signUp action=employer.html method=post onsubmit="return validateForm(this)">

    <tr>
        <td align="right" height="35px" width="130px">Company Name:</td>
        <td><input type="text" size="35" onblur="caps('cName')" id="cName" /></td>
    </tr>
    <tr>
        <td align="right" height="35px">Business Area:</td>
        <td><input type="text" id="bArea" /></td>
    </tr>
    <tr>
        <td align="right" height="35px">Business Status:</td>
        <td>
            <select id="bStatus">
            <option>-Select One-</option>
            <option>Business Sector</option>
            <option>Provate Sector</option>
            </select>
        </td>
    </tr>
    <tr>
        <td align="right" valign="top" height="35px">Address:</td>
        <td><textarea rows="7" cols="30" id="address"></textarea></td>
    </tr>
    <tr>
        <td align="right" height="35px">Phone Number:</td>
        <td><input type="text" id="phone" /></td>
    </tr>
    <tr>
        <td align="right" height="35px">Email Address:</td>
        <td><input type="text" size="35" id="email"/></td>
    </tr>
    <tr>
        <td align="right" height="35px">UserName:*</td>
        <td><input type="text" size="28" id="username" /></td>
    </tr>
    <tr>
        <td align="right" height="35px">Password:*</td>
        <td><input type="password" size="28" id="password" /></td>
    </tr>
    <tr>
        <td align="right" valign="top" height="35px">Re-type Password:*</td>
        <td>
            <input type="password" size="28" id="rPassword" /><br /><br />
            <input type="submit" value="Submit Registration" />&nbsp
            <input type="reset" name="reset" />
        </td>
        </form>
    </tr>


        </td>
    </tr>
</table>
        <br /><br /><br /><br /><br /><br />
        <center>
        <a class="small" href="contact.html">Contact Us</a>&nbsp
        <a class="small" href="aboutUs.html">About Us</a>&nbsp
        <a class="small" href="feedback.html">Feedback Form</a>
        </center>
</body>
</html>