Bootstrap Modal anzeigen, wenn die Bedingung wahr ist?

Ich möchte das Bootstrap-modal auf Schaltfläche klicken in ASP.net MVC, wenn die Bedingung wahr oder falsch ist. Sagen Sie zB, wenn ich die Anmeldeinformationen überprüfe und wenn es fehlschlägt, dann, wie man den Fehler in einem bootstrap modalen oder bootstrap Warnungen anzeigt.Bootstrap Modal anzeigen, wenn die Bedingung wahr ist?

<html> 
<head> 
    <link href="~/bootstrap.min.css" rel="stylesheet" /> 
    <script src="~/bootstrap.min.js"></script> 
    <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script> 

    <script> 
     $(function() 
     { 
      $("#mybutton").click(function(){ 
       var test1 = $('#test').val(); 
       if(test1 == "Value") 
        $("#myModal").modal('show'); 
      }); 
     }); 
    </script> 

</head> 
<body> 

     <input type="text" class="form-control" id="test" placeholder="Enter A Value" /> 
     <button type="submit" value="Click" name="click" id="mybutton">Click Me!</button>    


    <!-- Modal --> 
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
     <div class="modal-dialog" role="document"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
        <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
       </div> 
       <div class="modal-body"> 
        ... 
       </div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
        <button type="button" class="btn btn-primary">Save changes</button> 
       </div> 
      </div> 
     </div> 
    </div> 
</body> 
</html>

Wie es erreicht werden kann ???

Quelle

2016-07-18 Mayank Bhuvnesh

Wo ist Ihr Code? Was hast du probiert? –

Bitte aktualisieren Sie die Frage mit einem gültigen Code und was Sie versucht haben. –

Hallo @BonMacalindong Aktualisiert die Frage bitte überprüfen. –

Sie können versuchen, das Popup aus dem Skript zu öffnen.

<script type="text/javascript"> 
    function OpenPopup() { 
     if(condition){ 
     $("#YourModalId").modal('show'); 
     } 
    } 
</script>

Quelle

2016-07-18 09:40:52

Versuchen Sie unten Code es funktioniert gut. Ich bin Link erstellt in jsfiddle
http://jsfiddle.net/h3WDq/1543/

<script> 
$(function() 
{ 
    $("#mybutton").click(function(){ 
    var mycodition=true; 
    if(mycodition) 
    $("#myModal").modal('show'); 
    return false; 
}); 
});

Quelle

2016-07-18 09:53:35 Surajghosi

plus 1 zum Hinzufügen der jsFiddle-Verknüpfung. –

Danke @AmeteGott :-) – Surajghosi

Hallo @Surajghosi hast du den Code überprüft ??? –

Bootstrap Modal anzeigen, wenn die Bedingung wahr ist?

Antwort

Verwandte Themen