在asp.net mvc3中使用jquery在元素下方显示验证消息

我需要在元素下面显示验证消息

@Html.LabelFor(m => m.UserName, "User Name 1")
@Html.TextBoxFor(m => m.UserName)<br />
@Html.ValidationMessageFor(m => m.UserName)

我尝试添加如下消息：

[Required(ErrorMessage = "<br /> UserName is required")]
public string UserName { get; set; }

@Html.LabelFor(m => m.UserName, "User Name 1")
@Html.TextBoxFor(m => m.UserName)<br />
@Html.ValidationMessageFor(m => m.UserName)

---

要在元素下方显示验证消息并使用jquery验证方法覆盖模型消息，需要做哪些变通方法？

验证消息标记生成为：

@Html.LabelFor(m => m.UserName, "User Name 1")
@Html.TextBoxFor(m => m.UserName)<br />
@Html.ValidationMessageFor(m => m.UserName)

用户名是必需的

如您所见，它有类

字段验证错误

。只需添加简单的css即可在新行上显示验证消息

@Html.LabelFor(m => m.UserName, "User Name 1")
@Html.TextBoxFor(m => m.UserName)<br />
@Html.ValidationMessageFor(m => m.UserName)

。字段验证错误{
显示：块；
}

第二行将显示验证消息

@Html.LabelFor(m => m.UserName, "User Name 1")
@Html.TextBoxFor(m => m.UserName)<br />
@Html.ValidationMessageFor(m => m.UserName)

---

如果希望此位置仅应用于特定的消息，只需将类选择器更改为更为特定

只需在html中添加

@Html.LabelFor(m => m.UserName, "User Name 1")
@Html.TextBoxFor(m => m.UserName)<br />
@Html.ValidationMessageFor(m => m.UserName)

例如：

@Html.LabelFor(m => m.UserName, "User Name 1")
@Html.TextBoxFor(m => m.UserName)<br />
@Html.ValidationMessageFor(m => m.UserName)

@Html.LabelFor（m=>m.UserName，“用户名1”）
@Html.TextBoxFor（m=>m.UserName）

@Html.ValidationMessageFor（m=>m.UserName）

archil，消息完美地显示在元素下方。关于如何使用jquery验证方法更改验证消息的任何解决方法？$（'#UserName'）.rules（“添加”，{messages:{required:{required:“required input”，}}）；这是在archil中记录的，它非常适合定制错误消息。我们可以自定义验证方法以显示在新行而不是css修复程序中吗？如文档所述，您应该使用errorPlacement，正如您已经做的那样。我已经尝试过了，但在启用了不引人注目的验证时，它不起作用。