Displaying error message in a datacell next to an input element using errorplacement
- <body onload="addOption_list()">
<form name="register_form" method="post" action="" id="register_form" class="form_class" >
<table cellspacing="10">
<tr>
<h1>User Registration</h1>
</tr>
<tr>
<td>Name:</td>
<td><input id="txtfname" type="text" name="txtfname" class="watermark"></td>
<td><input id="txtlname" type="text" name="txtlname" class="watermark"></td>
</tr>
<tr>
<td>Date of Birth</td>
<td><select name="day_list"><option value="">1</option></select></td>
<td><select name="month_list"><option value="">1</option></select></td>
<td><select name="year_list"><option value="">1900<option</option></select></td>
</tr>
<tr>
<td>Gender:</td><td><input type="radio" id="rbgender" name="rbgender" value="Male" style="vertical-align: middle" />Male</td>
<td><input type="radio" name="rbgender" id="rbgender" value="Female" style="vertical-align: middle" />Female</td>
</tr>
<tr>
<td>Email ID:</td><td><input type="text" id="txtemail" name="txtemail" class="watermark"></td>
</tr>
<tr>
<td>Address:</td>
<td><textarea name="txtaddress" id="txtaddress" rows="10" cols="25" class="watermark"></textarea></td>
</tr>
<tr>
<td>Pincode:</td><td><input type="text" name="txtpin" id="txtpin" class="watermark"></td>
</tr>
<tr>
<td>Phone Number:</td><td><input type="text" name="txtphone" size="30" id="txtphone" class="watermark"></td>
</tr>
<tr>
<td>User ID:</td><td><input type="text" name="txtid" id="txtid" class="watermark"></td>
</tr>
<tr>
<td>Password:</td><td><input type="password" name="txtpwd" id="txtpwd" ></td>
</tr>
<tr>
<td>Confirm Password:</td><td><input type="password" name="txtcpwd" id="txtcpwd"></td>
</tr>
<tr>
<td>Terms & Conditions</td><br>
</tr>
<tr>
<td><textarea name="txttc" id="txttc" rows="10" cols="45" readonly>This is a sample piece of text!!</textarea></td>
</tr>
<tr>
<td>I agree to the above terms and conditions<input type="checkbox" name="check_accept" id="check_accept" value="accepted"/></td>
</tr>
<tr><td></td><td><input type="submit" name="btnregister" id="btnregister" value="Register"</td></tr>
</table
</form>
</body>
- I have used the jquery validation plugin but certain messages of the error message go to the next line and the textboxes also get shifted. So i want to insert the errror message in a <td></td> after each of the input error message. I have seen many samples on the net, but they are confusing for me as i am new to jquery. Can someone show me with an example for #txtfname where the error message would be "First name cannot be left blank"