Question

我希望动态显示错误消息，即当光标移出字段时，而不是在提交表单时。

我的要求是这样的： - 我必须设计一个注册表格，其中包括姓名，地址，电话号码，电子邮件，密码等字段。我设计了它＆amp;在数据库中成功保存了数据，但我确切地要求我必须动态显示错误消息而不使用“ajax”，正如我已经说过的那样......

我的代码是这样的： -

查看： -

<div class="venfor_line5" popText><label>@Resources.Resources.VendorReg_phoneNumber<img src="~/images/star.png" /> </label>
        @Html.TextBoxFor(model => Model.MobileNumber, new { @class = "input" })
        @Html.ValidationMessageFor(model => model.MobileNumber)</div>

    <div class="venfor_line1" popText = @Resources.Resources.VendorReg_emailHintStr>
    <label>@Resources.Resources.VendorReg_email<img src="~/images/star.png" /> </label>
    @Html.TextBoxFor(model => Model.Email, new { @class = "input" })
    @Html.ValidationMessageFor(model => model.Email)</div>

我已经通过了很多参考资料，但没有找到我正在寻找的东西。任何帮助将不胜感激。任何人都可以指导我解决这个问题。

Answer 1

您可以使用jQuery的focusOut（）方法来执行验证。类似的东西：

$('#elementId').focusOut(function(){
    //do validation here
});

Answer 2

如果您使用不显眼的jQuery验证，您可以急切地启用它，以便自动触发onblur而无需用户提交表单：

$(document).ready(function () {
    var settngs = $.data($('form')[0], 'validator').settings;
    settngs.onfocusout = function (element) { $(element).valid(); };
});

使用带有razor视图引擎的c＃mvc显示错误消息

2 个答案: