Was soll ich bei vb.net tun, um mein modales Popup anzuzeigen

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> 

Dieser Code ist für die modale Popup-Nachricht. Wenn ich auf den Knopf klicke, sollte er das modale Pop-Up zeigen, dann, wenn ich auf den "x" Knopf klicke, sollte er schließen.

Das Problem ist, wenn Sie auf den Update-Button klicken, zeigt es das modale Pop-up, aber sofort aus. "Es ist wie, es ist da, aber nicht"

Sollte ich irgendetwas am Back-End-Code tun, oder es kann im Front-End-Code behoben werden, und wie?

Answer 1

Remove asp: Button und es nur Eingabetyp, Runat Server machen:

<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> 

Der Grund, dass es es verschwindet, weil die Taste wieder entsendet und die Form Nachladen es es nur schnell funktioniert, so dass Sie ich sehe es nicht.

Answer 2

ASP.NET-Schaltfläche ist immer submit Schaltfläche (Eingabe). Dieser serverseitige Tag hat ein Attribut OnClientClick, das hier sehr nützlich ist.

<asp:Button ID="btnupdate" runat="server" OnClientClick="return showModal()" Text="UPDATE" ValidationGroup="check" /> 
<%--Note "return" --%> 
... 
<script> 
function showModal(){ 
    //do what you need to show 
    return false; //prefent form submission 
} 
</script>