javascript - 我应该在 vb.net 上做什么来显示我的模态弹出窗口

Question

<asp:Button ID="btnupdate" runat="server" Text="UPDATE" ValidationGroup="check" />

        <div id="msgdiv" class="modal">
            <!-- Modal content -->
            <div class="modal-content">
                <span class="close">×</span>
                <p>
                    update ok confirm pls login again!!!!!!</p>
            </div>
        </div>

     <script>


        var modal = document.getElementById('msgdiv'); 


        var btn = document.getElementById("btnupdate"); 


        var span = document.getElementsByClassName("close")[0];

        btn.onclick = function () {
            modal.style.display = "block";
        }

        span.onclick = function () {
            modal.style.display = "none";
        }

    </script>

此代码用于模态弹出消息。当我点击按钮时，它应该显示模式弹出窗口，然后当我点击“x”按钮时，它应该关闭。

问题是当您单击更新按钮时，它会显示模态弹出窗口但会立即消失。 “它就像，它在那里而不是”

我应该在后端代码中做任何事情还是可以在前端代码中修复，如何做？

Answer 1

删除 asp:button 并使其只是输入类型，runat server:

<input ID="btnupdate" runat="server" type="button" value="UPDATE" ValidationGroup="check" />

        <div id="msgdiv" class="modal">
            <!-- Modal content -->
            <div class="modal-content">
                <span class="close">×</span>
                <p>
                    update ok confirm pls login again!!!!!!</p>
            </div>
        </div>

     <script>


        var modal = document.getElementById('msgdiv'); 


        var btn = document.getElementById("btnupdate"); 


        var span = document.getElementsByClassName("close")[0];

        btn.onclick = function () {
            modal.style.display = "block";
        }

        span.onclick = function () {
            modal.style.display = "none";
        }

    </script>

它消失的原因是按钮正在发回并重新加载表单，它执行得太快以至于您看不到它。