<script type='text/javascript'>
    // the validate.js content goes here.
</script>

<p>
    <button value='' onClick='testFormValidation()'>fill with test data</button>
    <br />
    <button value='' onClick='clearForm()'>Clear Form Data</button>
</p>

<form method='POST' action='<?php echo $_SERVER['PHP_SELF']; ?>?menu_key=3' name='userDetails' id='userDetails'>
<table cellpadding='10'>
    <tr>
        <td>First Name:</td>
        <td><input type='text' name='first_name' id='firstname' /></td>
        <td><span id='firstnameerrors'></span></td>
    </tr>
    <tr>
        <td>Middle Initial:</td>
        <td><input type='text' size='3' name='middle_name' id='middlename' /></td>
        <td><span id='middlenameerrors'></span></td>
    </tr>
    <tr>
        <td>Last Name:</td>
        <td><input type='text' name='last_name' id='lastname' /></td>
        <td><span id='lastnameerrors'></span></td>
    </tr>
    <tr>
        <td>Address Line 1:</td>
        <td><input type='text' name='addy_1' id='addy1' /></td>
        <td><span id='addy1errors'></span></td>
    </tr>
    <tr>
        <td>Address Line 2:</td>
        <td><input type='text' name='addy_2' id='addy2' /></td>
        <td><span id='addy2errors'></span></td>
    </tr>
    <tr>
        <td>City:</td>
        <td><input type='text' name='city' id='city' /></td>
        <td><span id='cityerrors'></span></td>
    </tr>
    <tr>
        <td>State:</td>
        <td><input type='text' size='3' name='state' id='state' /></td>
        <td><span id='stateerrors'></span></td>
    </tr>
    <tr>
        <td>Zip code:</td>
        <td><input type='text' name='zip' id='zip' /></td>
        <td><span id='ziperrors'></span></td>
    </tr>
    <tr>
        <td>Username:</td>
        <td><input type='text' name='username' id='username' /></td>
        <td><span id='usernameerrors'></span></td>
    </tr>
    <tr>
        <td>Password:</td>
        <td><input type='text' name='password1' id='password1' /></td>
        <td><span id='password1errors'></span></td>
    </tr>
    <tr>
        <td>Password again:</td>
        <td><input type='text' name='password2' id='password2' /></td>
        <td><span id='password2errors'></span></td>
    </tr>
    <tr>
        <td>Email:</td>
        <td><input type='text' name='email' id='email' /></td>
        <td><span id='emailerrors'></span></td>
    </tr>
    <tr>
        <td><input type='submit' value='submit'</td>
        <td>&nbsp;</td>
        <td><span style='color:red;' id='userDetailsErrors'></span></td>
    </tr>
</table>
</form>