Jquery custom example
HTML
<script src="http://view.jquery.com/trunk/plugins/validate/jquery.validate.js"></script>
<head>
</head>
<body>
jQuery "custom" Validation Plugin</a> Demo
<br>
<br>
<div id="main">
<div id="content">
<div style="clear: both;"><div></div></div>
<div class="content">
<div id="signupbox">
<div id="signupwrap">
<form id="signupform" autocomplete="off" method="get" action="">
<table>
<tr>
<td class="label"><label id="lfirstname" for="firstname">First Name</label></td>
<td class="field"><input id="firstname" name="firstname" type="text" value="" maxlength="100" /></td>
<td class="status"></td>
</tr>
<tr>
<td class="label"><label id="llastname" for="lastname">Last Name</label></td>
<td class="field"><input id="lastname" name="lastname" type="text" value="" maxlength="100" /></td>
<td class="status"></td>
</tr>
<tr>
<td class="label"><label id="lusername" for="username">Username</label></td>
<td class="field"><input id="username" name="username" type="text" value="" maxlength="50" /></td>
<td class="status"></td>
</tr>
<tr>
<td class="label"><label id="lpassword" for="password">Password</label></td>
<td class="field"><input id="password" name="password" type="password" maxlength="50" value="" /></td>
<td class="status"></td>
</tr>
<tr>
<td class="label"><label id="lpassword_confirm" for="password_confirm">Confirm Password</label></td>
<td class="field"><input id="password_confirm" name="password_confirm" type="password" maxlength="50" value="" /></td>
<td class="status"></td>
...
CSS
pre { text-align: left; }
JavaScript
var currentRowBg = 0;
var _curStaffID = 0;
var _curStatusVal = "";
var errorShown = false;
var IRPorNot;
var formToValidate = "#staffRowTemplateForm";
var supplier_id;
var suggestedOnly = 'true';
var staffIDs = new Array();
var _emailPattern = /^(\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,6})$/;
//[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,4}$/;
var _phonePattern = /^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/;
var _numberPattern = /^[\d]{1,3}$/;
var _zipPattern = /^[\d]{5}$/;
var JobSeekerCreatedLoginAccountValue;
//text loading into wizard help window area
var nameTxt = "Here is where you will the name of the nurse will appear.";
var nameRowTxt = "Here is where you will the name of the nurse will appear.";
var emailRowTxt = "What is the email address of the nurse? Here is where you can input it. Here is where you can update it. Email is used to send out the invite and not used for spam.";
var emailTxt = "What is the email address of the nurse? Here is where you can input it. Here is where you can update it. Email is used to send out the invite and not used for spam.";
var cellTxt = "Cell phone is the most important piece of information that your nurse needs to have correct. This is the number that the nurse will be getting the job notification text messages. If the nurse does not have a cell phone, then this application is not well suited for that nurse. Thanks for playing. Try again.";
var cellRowTxt = "Cell phone is the most important piece of information that your nurse needs to have correct. This is the number that the nurse will be getting the job notification text messages. If the nurse does not have a cell phone, then this application is not well suited for that nurse. Thanks for playing. Try again.";
var zipTxt = "Where does the nurse live? This doesn't necessarily have to be the zip code of where the nurse lives but more the zip code of where the nurse will like to work. The jobs that are sent will be in this zip code.";
var zipRowTxt = "Where does the...