Question

我正在使用门户网站来访问它。为此，需要使动态内容可以集中。在登录页面中，身份验证错误是动态内容，在需要时无法获得焦点。编码在剃刀引擎C＃

中完成

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

其中p =＆＃34;身份验证失败。输入您的凭证。＆＃34;

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

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

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

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

Answer 1

如果你想要更多的控制你可以使用，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();
    }
}

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

1 个答案: