用于在mvc中显示错误消息的客户端验证 [英] client side validation for displaying error message in mvc

问题描述

我需要一个自定义助手类来在验证（客户端）失败时显示图像。以下不起作用：

Hi,

I need a custom helper class for displaying image when validation (client side) fails. The following doesn't work:

public static MvcHtmlString ValidationImage(this HtmlHelper helper, string name)
{
    if (helper.ViewData.ModelState[name] == null || helper.ViewData.ModelState[name].Errors == null || helper.ViewData.ModelState[name].Errors.Count == 0)
    {
        return MvcHtmlString.Empty;
    }
        var tag = new TagBuilder("img");
        tag.Attributes.Add("src", "../Content/Images/error_image.png");
        tag.Attributes.Add("alt", helper.ViewData.ModelState[name].Errors[0].ErrorMessage);
        tag.Attributes.Add("title", helper.ViewData.ModelState[name].Errors[0].ErrorMessage);
        tag.Attributes.Add("class", HtmlHelper.ValidationMessageCssClassName);
        return MvcHtmlString.Create(tag.ToString(TagRenderMode.SelfClosing));
}

上面的代码不会渲染图像。还有另一种方式吗？

The above code doesn't render the image. Is there an alternate way?

推荐答案

我可以提出一些建议;但是，不知道这是不是更好的方法（但你的问题会得到解决）



1.隐藏标签（显示：无））

2.一旦你知道有错误（客户端）;只需使用JQuery设置图像的属性（

I can suggest something; but, don't know if it is a better approach or not (but your problem will get resolved)

1. Keep a tag hidden ("display:none")
2. once you get to know that there is an error (client side); just set the attributes of the image using JQuery (

（＃errorImg）。attr（src）...）并使图像可见（display：bold） 。



希望能帮到你。



~Amol

("#errorImg").attr("src")...) and make the image visible ("display:bold").

Hope that will help you.

~Amol

这篇关于用于在mvc中显示错误消息的客户端验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！