我正在尝试将 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)
最佳答案
尝试 HTML 内容
@Html.ValidationMessageFor(m => m.TextBox1)
@Html.TextBoxFor(m => m.TextBox1, new Dictionary<string, object> { { "id", "TextBox1" }, { "name", "TextBox1" }, { "Class", "txtfield controlWidth" }, { "jsValidation", "checkEMailAddr" } })
关于javascript - JQuery 验证错误放置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20538397/