我有一个注册页面,如果用户键入一个已经注册的电子邮件地址,我需要输出一个链接以供他们登录验证消息。
但是,验证标签帮助程序将HTML编码为错误消息,因此该链接显示为HTML。
在视图中:
@model Site.ViewModels.RegisterEmail
<h1>Register</h1>
<hr />
<div class="row">
<div class="col-md-4">
<form asp-action="Email">
<div class="form-group">
<label asp-for="Email" class="control-label"></label>
<input asp-for="Email" class="form-control" />
<span asp-validation-for="Email" class="text-danger"></span>
</div>
<div class="form-group">
<input type="submit" value="Continue" class="btn btn-default" />
</div>
</form>
</div>
</div>
在控制器中:
var LoginLink = $"<a href='{Request.Scheme}://{Request.Host}{Request.PathBase}/Login'>Login</a>";
if (CustomerRepo.CustomerEmailExists(RegisterEmail.Email))
ModelState.AddModelError("Email", $"Email already registered. {LoginLink} with your email, or register below");
如何防止验证器HTML编码,否则在验证消息中正确显示HTML链接?
我在Google上找不到任何相关内容。
谢谢。
答案 0 :(得分:0)
第一步是创建标记帮助器,以扩展现有的验证消息标记帮助器。您需要将其属性设置为asp-validation-for
才能被调用。
您还需要声明一个字段,以指示是否要输出原始HTML。我称它为OutputHtml
,并将属性名称命名为asp-validation-output-html
。
using System.IO;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc.TagHelpers;
using Microsoft.AspNetCore.Mvc.ViewFeatures;
using Microsoft.AspNetCore.Razor.TagHelpers;
namespace DL.SO.Framework.Mvc.TagHelpers
{
[HtmlTargetElement("span", Attributes = ForAttributeName)]
public class RawHtmlValidationMessageTagHelper : ValidationMessageHelper
{
private const string ForAttributeName = "asp-validation-for";
[HtmlAttributeName("asp-validation-output-html")]
public bool OutputHtml { get; set; }
public RawHtmlValidationMessageTagHelper(IHtmlGenerator generator) : base(generator) {}
public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
{
await base.ProcessAsync(context, output);
if (this.OutputHtml)
{
using (var writer = new StringWriter())
{
output.WriteTo(writer, NullHtmlEncoder.Default);
output.Content.SetHtmlContent(writer.ToString());
}
}
}
}
}
这里的窍门是使用NullHtmlEncoder
先将标记助手的输出(不进行编码)写入编写器,然后再将写入器的内容写回到标记助手的HTML内容。
<form asp-action="Email">
<div class="form-group">
<label asp-for="Email" class="control-label"></label>
<input asp-for="Email" class="form-control" />
<span
asp-validation-for="Email"
asp-validation-output-html="true"
class="text-danger">
</span>
</div>
<div class="form-group">
<input type="submit" value="Continue" class="btn btn-default" />
</div>
</form>
免责声明:可能有更好/更智能的方法,但这只是我的0.02。