如何使用mvc3在文本框中键入时进行验证

时间:2012-07-23 07:45:54

标签: asp.net-mvc-3

在我的页面中,我有5个TextBoxes和1个DropDownlist

  1. 名称(应该只允许使用字母)
  2. UserName(它应该允许字母和数字)
  3. EmailID(电子邮件格式)
  4. PhoneNo(仅限整数)
  5. 性别
  6. 密码(字母和数字的组合)
  7. 以上内容应在输入时验证,如果格式正确,则应显示刻度图像.....

    如果我们按Tab而不输入数据错误消息应显示在TextBox下方 请帮助我...

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

1 个答案:

答案 0 :(得分:0)

MVC 3中的验证基于Annotations或Attributes,我们与视图绑定的模型。检查this,你就会知道。 当您放置验证属性时,它们将在客户端使用不引人注目的javascript进行处理。它处理自动处理的方式。添加自定义逻辑可以在jquery的帮助下完成(比如交替显示刻度线和消息)。 Raj,在这里你还没有准备好代码片段,当你还没有尝试过。 所以这是一条通用建议。想出你面临的问题,你将得到你们这个令人敬畏的兄弟会的帮助。并且偏离轨道欢迎来到Tech world dude!