C# 为错误表创建一个可访问的对话框

我正在开发一个门户，以使其可访问。为此，需要使动态内容可聚焦。在登录页面中，身份验证错误是动态内容，在需要时未获得焦点。编码在razor引擎C中完成#

其中p=“身份验证失败。请租用您的凭据。”

在另一次尝试中，我像这样把它放在警报框中-

@if (TempData["error"] != null)
{
<script> alert("'+@Html.Raw(Resources.Strings.ResourceManager.GetString(TempData["error"].ToString())) +'");
</script>
 }

@if（TempData[“error”]！=null）
{
警报（“'+@Html.Raw（Resources.Strings.ResourceManager.GetString（TempData[“error”].ToString（）））+”；
}

但是它没有达到我的期望，我需要定制它。因此，我正在寻找答案，提供一个自定义弹出框来代替这个

---

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

如果您想要更多的控制，您可以使用jquery ui，但有时也不需要文件大小，但有更多的控制和轻松的感觉

function openConfirm() {
    var html = ''
        + '<div id="dvConfirm">'
        + '<div class="editor-main">'
        + '    <h6>'
        + '        @Html.Raw(TempData["error"].ToString())'
        + '    </h6>'
        + '</div>'
        + '<p class="continue_userprof">'
        + '    <input type="submit" value="Continue" onclick="onConfirmClick();" />'
        + '</p>'
        + '</div>';

    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();
    }
}

函数openConfirm（）{ var html='' + '' + '' + ' ' +“@Html.Raw（TempData[“error”].ToString（））” + ' ' + '' +“

” + ' ' +“

” + ''; var div=$（html）； div.dialog({ 标题：“标题”， 关闭：销毁此对话框， 身高：245， 宽度：420， 莫代尔：是的， 德拉格布尔：是的 }); 函数销毁此对话框（事件、用户界面）{ $（此）.dialog（“销毁”）； $（this.remove（）； } }

---

您可以使用jquery中的.focus（）来实现这一点：我已经使用了.focus…但它并没有按照我的预期工作。因此，我在一个类似这样的警报框中插入了-@if（TempData[“error”]！=null）{alert（'+@Html.Raw（Resources.Strings.ResourceManager.GetString（TempData[“error”].ToString（））+'）；}，但它没有达到我的预期，我需要对它进行自定义。因此，我正在搜索提供自定义弹出框来代替此对话框的答案。如果您想要一个对话框，请更新问题（和标题）以反映新的要求。您需要查看、或或其他第三方控件。目前来看，这个问题可能被认为过于宽泛，或者缺乏研究。谢谢迈克·弗雷尔让我知道我的错误。谢谢布莱克内瓦尔的回答。。。我会尝试在我的代码中使用它，让你知道。。。再次感谢。。。

function openConfirm() {
    var html = ''
        + '<div id="dvConfirm">'
        + '<div class="editor-main">'
        + '    <h6>'
        + '        @Html.Raw(TempData["error"].ToString())'
        + '    </h6>'
        + '</div>'
        + '<p class="continue_userprof">'
        + '    <input type="submit" value="Continue" onclick="onConfirmClick();" />'
        + '</p>'
        + '</div>';

    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();
    }
}