javascript - JQuery 验证错误放置

Question

我正在尝试将 JQuery 验证与 ASP.NET MVC4 结合使用。我的意图是当页面出现任何错误时，它应该显示在控件之前。但错误总是显示控件的下一行。

这是我的 JS、cshtml 文件中的片段。

$(function () {
$('#Transaction1Screen1').validate({
    errorElement: "div",
    errorLabelContainer: '#errorMessages',
    errorPlacement: function (error, element) {
        error.insertBefore(element);
    }
});

$("#TextBox1").rules("add", { email: true, messages: { email: 'Verify the e-mail in TextBox1' } });

});

捆绑映射

@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/Common")
@Styles.Render("~/bundles/themesCss")
@Scripts.Render("~/bundles/jqueryUI")
@Scripts.Render("~/bundles/otherControls")
@Scripts.Render("~/bundles/ClientResources")
@Scripts.Render("~/bundles/Transaction1Screen1")

HTML 内容

@Html.TextBoxFor(m => m.TextBox1, new Dictionary<string, object> { { "id", "TextBox1" }, { "name", "TextBox1" }, { "Class", "txtfield controlWidth" }, { "jsValidation", "checkEMailAddr" } })
<br />
@Html.ValidationMessageFor(m => m.TextBox1)

Answer 1

尝试 HTML 内容

@Html.ValidationMessageFor(m => m.TextBox1)
@Html.TextBoxFor(m => m.TextBox1, new Dictionary<string, object> { { "id", "TextBox1" }, { "name", "TextBox1" }, { "Class", "txtfield controlWidth" }, { "jsValidation", "checkEMailAddr" } })