为错误消息创建一个可访问的对话框

我正在建立一个门户网站，以使其可访问。 为此，需要使动态内容可以集中。 在登录页面中，身份validation错误是动态内容，在需要时无法获得焦点。 编码在razor引擎C＃中完成

@if (TempData["error"] != null) { @Html.Raw(Resources.Strings.ResourceManager.GetString(TempData["error"].ToString())) } 

其中p =“身份validation失败。请输入您的凭据。”

在其他尝试中，我把它放在这样的警报框中 –

 @if (TempData["error"] != null) {  alert("'[e-mail](Resources.Strings.ResourceManager.GetString(TempData["error"].ToString())) +'");  } 

但这不符合我的期望我需要定制它。 所以我正在寻找提供自定义弹出框来代替这个的答案。

有没有办法通过将错误消息放在某个对话框的forms来关注它。 或者以任何其他方式显示可聚焦的错误消息。

Answer 1

如果你想要更多的控制你可以使用，jquery ui，但它有时不需要文件大小，但有更多的控制和容易的感觉

 function openConfirm() { var html = '' + '
' + '
' + ' 
' + ' @Html.Raw(TempData["error"].ToString())' + ' 
' + '
' + '
' + ' ' + '
' + '
'; var div = $(html); div.dialog({ title: "Title", close: destroy_this_dialog, height: 245, width: 420, modal: true, draggable: true }); function destroy_this_dialog(event, ui) { $(this).dialog("destroy"); $(this).remove(); } }