How to validate while typing in textbox using mvc3 - asp.net-mvc-3

Question

In my page I am Having 5 TextBoxes and 1 DropDownlist box
Name (It should allow only alphabets)
UserName (It should allow both alphabets and numeric)
EmailID (Email format)
PhoneNo (Only Integers
Gender
Password (Combination of alphates and numeric)
The above things should validate in while typing itself and If the format is correct tick image should display.....
If we press tab without entering data error message should display below the TextBox
Please kindly help me...
I am fresher and new to mvc3..
Below is the code i have created. Now I need to validate.... please tell me how to do it
<table>
<tr>
<td> #Html.Label("FirstdName")</td>
<td> #Html.TextBox("FirstName")</td>
<td> #Html.ValidationMessageFor(x => x.FirstName)</td>
</tr>
<tr>
<td> #Html.Label("Username")</td>
<td> #Html.TextBox("Username")</td>
<td> #Html.ValidationMessageFor(x => x.Username)</td>
</tr>
<tr>
<td> #Html.Label("Password")</td>
<td> #Html.TextBox("Password")</td>
<td> #Html.ValidationMessageFor(x => x.Password)</td>
</tr>
<tr>
<td> #Html.Label("ConfirmPassword")</td>
<td> #Html.TextBox("ConfirmPassword")</td>
<td> #Html.ValidationMessageFor(x => x.ConfirmPassword)</td>
</tr>
<tr>
<td> #Html.Label("Phone")</td>
<td> #Html.TextBox("Phone")</td>
<td> #Html.ValidationMessageFor(x => x.Phone)</td>
</tr>
<tr>
<td> #Html.Label("Gender")</td>
<td> #Html.DropDownListFor(Per => Per.Gender, new[]{
new SelectListItem(){Text="Male",Value="Male"},
new SelectListItem(){Text="Female",Value="Female"},
}, "--Select--")</td>
<td> #Html.ValidationMessageFor(x => x.Gender)</td>
</tr>
<tr>
<td> #Html.Label("Email")</td>
<td> #Html.TextBox("Email")</td>
<td> #Html.ValidationMessageFor(x => x.Email)</td>
</tr>
</table>
<input type="submit" value="Ok" />
</form>

Answer 1

Validation in MVC 3 is based on Annotations or Attributes which the model we are binding with the view . Check this out and u will know.
As you put the Validation Attributes , they are handled on the client side with the help of unobstrusive javascript. And it handles the way it should be handled automatically. Adding custom logic could be done with the help of jquery (like showing tick marks and messages alternately).
Raj , in here you wont get ready code snippets made for you when you havent tried yet.
So this is a General piece of advice . Come up with the issues you are facing and you will get the help from the awesome fraternity of yours. And off track Welcome to Tech world dude !