使用 Javascript 在模态内的标签上显示错误消息不起作用

Question

我正在开发一个应用程序，在该应用程序中，我为用户提供了一个选项，仅当 he/she 输入正确的密码时才可以更改基准年，我通过使用模式弹出窗口扩展程序来做到这一点：

如果密码匹配，则在文本框中将 readonly 设置为 false，否则在面板中提供错误消息。

<asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none" Width="233px" BackColor="White" >
        <p>Password</p>
        <br />
        <asp:TextBox ID="password" runat ="server"></asp:TextBox>
         <br />
        <label id="error" runat="server"></label>
      <div>
      <asp:Button ID="OkButton" runat="server" Text="OK" />
      <asp:Button ID="CancelButton" runat="server" Text="Cancel" />
   </div>
        <br />
        <p>If you do not know the password, you may contact a supervisor to receive the password</p>
    </asp:Panel>

这是当用户点击确定时触发的脚本：

<script type="text/javascript">

 function onOk() {
 var value = document.getElementById
('<%=password.ClientID%>').value;
 var password = '<%=ConfigurationManager.AppSettings
["UnlockPassword"].ToString() %>'
  if (value == password)
    {
   document.getElementById
  ('<%=TxtBase.ClientID%>').readOnly = false;
    }
  else
  {
  document.getElementById
  ("error").value = "Incorrect Password Please Try Again";
        }
    }
</script>

0x800a138f - JavaScript 运行时错误：无法设置属性 'value' 未定义或空引用

我在设置ID="error"的标签显示错误信息时出现错误，求助！！！！我什至尝试了我正在使用的 innerHtml (IE)。另外，为什么模态在遇到 else 语句后关闭？？？

Answer 1

您无法在 post返回后保持模态弹出窗口打开，因为模态是从客户端脚本打开的（我认为是），但您可以从服务器调用另一个打开命令。

这个post可能有帮助：here

使用 Javascript 在模态内的标签上显示错误消息不起作用

using Javascript to display error message on label inside a modal not working

javascript

c#

asp.net

label

modalpopupextender