每天学点MVC 【验证模式报错】

最近做MVC的项目，运用DataAnnotation（using System.ComponentModel.DataAnnotations;）

运用自带的MicrosoftAjax.js，MicrosoftMvcValidation.js

进行客户端的验证，出现了个很有意思的问题，经过多次测试，总算发现了点点端倪

什么都不说了，贴上代码：Models：AccountModels.cs程序自带的代码

 1  [PropertiesMustMatch("Password", "ConfirmPassword", ErrorMessage = "密码和确认密码不匹配。")]
 2     public class RegisterModel
 3     {
 4         [Required]
 5         [DisplayName("用户名")]
 6         public string UserName { get; set; }
 7 
 8         [Required]
 9         [ValidatePasswordLength]
10         [DataType(DataType.Password)]
11         [DisplayName("密码")]
12         public string Password { get; set; }
13 
14         [Required]
15         [DataType(DataType.Password)]
16         [DisplayName("确认密码")]
17         public string ConfirmPassword { get; set; }
18 
19         [Required]
20         [DataType(DataType.EmailAddress)]
21         [RegularExpression(@"^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$", ErrorMessage = "电子邮件格式错误")]
22         [DisplayName("电子邮箱")]
23         public string Email { get; set; }
24     }

 

Views：Register.aspx【程序自带的代码，多添加了Table标签，报错就出在Table标签中】

 1 <%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<MVC验证码错误.Models.RegisterModel>" %>
 2 
 3 <asp:Content ID="registerTitle" ContentPlaceHolderID="TitleContent" runat="server">
 4     注册
 5 </asp:Content>
 6 <asp:Content ID="registerContent" ContentPlaceHolderID="MainContent" runat="server">
 7     <h2>
 8         创建新帐户</h2>
 9     <p>
10         使用以下表单创建新帐户。
11     </p>
12     <p>
13         密码的长度至少为
14         <%: ViewData["PasswordLength"] %>
15         个字符。
16     </p>
17     <% Html.EnableClientValidation(); %>
18     <% using (Html.BeginForm())
19        { %>
20     <%: Html.ValidationSummary(true, "帐户创建不成功。请更正错误并重试。") %>
21     <div>
22         <fieldset>
23             <legend>帐户信息</legend>
24             <div class="editor-label">
25                 <%: Html.LabelFor(m => m.UserName) %>
26             </div>
27             <div class="editor-field">
28                 <%: Html.TextBoxFor(m => m.UserName) %>
29                 <%: Html.ValidationMessageFor(m => m.UserName) %>
30             </div>
31             <div class="editor-label">
32                 <%: Html.LabelFor(m => m.Email) %>
33             </div>
34             <div class="editor-field">
35                 <%:Html.LabelFor(m=>m.Email) %>
36                 <%: Html.TextBoxFor(m => m.Email) %>
37                 <%: Html.ValidationMessageFor(m => m.Email) %>
38             </div>
39             <div class="editor-label">
40                 <%: Html.LabelFor(m => m.Password) %>
41             </div>
42             <div class="editor-field">
43                 <%: Html.PasswordFor(m => m.Password) %>
44                 <%: Html.ValidationMessageFor(m => m.Password) %>
45             </div>
46             <div class="editor-label">
47                 <%: Html.LabelFor(m => m.ConfirmPassword) %>
48             </div>
49             <div class="editor-field">
50                 <%: Html.PasswordFor(m => m.ConfirmPassword) %>
51                 <%: Html.ValidationMessageFor(m => m.ConfirmPassword) %>
52             </div>
53             <p>
54                 <input type="submit" value="注册" />
55             </p>
56         </fieldset>
57         <table><!--用这样的验证的话，容易报错-->
58           <tr>
59                <td><%: Html.LabelFor(m => m.Email) %></td>
60                <td><%: Html.TextBoxFor(m => m.Email) %></td>
61                <td><%: Html.ValidationMessageFor(m => m.Email) %></td>
62           </tr>
63         </table>
64     </div>
65     <% } %>
66 </asp:Content>

 如果table标签存在的话，在table标签的Email地址栏输入信息的时候，只要Email地址一输入错误，就会被卡死，就必须被迫关闭浏览器了

所以：个人建议，如果运用这个验证的话，尽量少用Table标签，尽量用Div来实现