Asp.net mvc 3 如何使用mvc3在文本框中键入时进行验证

在我的页面中，我有5个

文本框

和1个

下拉列表

框

名称（它应该只允许字母）

用户名（应允许字母和数字）

EmailID（电子邮件格式）

PhoneNo（仅限整数

性别

密码（字母和数字的组合）

在键入内容时，应验证上述内容，如果格式正确，则应显示勾号图像。…

如果按tab键而不输入数据，则

文本框下方应显示错误消息
请帮助我

我是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> 

下面是我创建的代码。现在我需要验证…请告诉我怎么做
@Html.Label（“FirstdName”）
@Html.TextBox（“名字”）
@Html.ValidationMessageFor（x=>x.FirstName）
@Html.Label（“用户名”）
@Html.TextBox（“用户名”）
@Html.ValidationMessageFor（x=>x.Username）
@Html.Label（“密码”）
@文本框（“密码”）
@Html.ValidationMessageFor（x=>x.Password）
@Html.Label（“ConfirmPassword”）
@文本框（“确认密码”）
@Html.ValidationMessageFor（x=>x.ConfirmPassword）
@Html.Label（“电话”）
@Html.TextBox（“电话”）
@Html.ValidationMessageFor（x=>x.Phone）
@Html.Label（“性别”）
@Html.DropDownListFor（Per=>Per.Gender，new[]{
新建SelectListItem（）{Text=“Male”，Value=“Male”}，
新建SelectListItem（）{Text=“Female”，Value=“Female”}，
}，“--选择--”）
@Html.ValidationMessageFor（x=>x.Gender）
@Html.Label（“电子邮件”）
@Html.TextBox（“电子邮件”）
@Html.ValidationMessageFor（x=>x.Email）
MVC 3中的验证是基于我们与视图绑定的模型的注释或属性的。检查一下，您就会知道。
当您放置验证属性时，它们会在客户端通过非结构化javascript进行处理。它会自动处理这些属性。添加自定义逻辑可以通过jquery进行（比如交替显示记号和消息）。
Raj，在这里，当您还没有尝试时，您将无法准备好为您制作的代码片段。
因此，这是一条一般性的建议。提出你面临的问题，你将得到你令人敬畏的兄弟会的帮助。偏离轨道欢迎来到科技世界！嘿，拉杰，欢迎来到So。作为一名新生，你提出了一个很好的应用程序想法。你的想法+1。但你必须采取措施，努力实施它。与给我们一些你所写的代码。每个人都在这里提供帮助。这里不能提供现成的代码。输入验证应该在客户端进行，这基本上对你意味着：jQuery