Display Bootstrap Модально, если условие истинно?

Я хочу отобразить bootstrap modal при нажатии кнопки в ASp.net MVC, если условие истинно или ложно. Скажите, например, если я проверю учетные данные для входа и если это не удается, то как отобразить ошибку в бутстрап-модальном или бутстрап-оповещении.Display Bootstrap Модально, если условие истинно?

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

Как это можно достичь ???

источник

2016-07-18 Mayank Bhuvnesh

Где ваш код? Что вы пробовали? –

Пожалуйста, обновите вопрос с помощью действительного кода и того, что вы пробовали. –

Hi @BonMacalindong Обновленный вопрос, пожалуйста, проверьте. –

Вы можете попробовать открыть всплывающее окно из сценария.

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

источник

2016-07-18 09:40:52

Попробуйте ниже код его работы. я создал ссылку в jsfiddle
http://jsfiddle.net/h3WDq/1543/

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

источник

2016-07-18 09:53:35 Surajghosi

плюс 1 для добавления ссылки jsFiddle. –

Спасибо @AmeteBlessed :-) – Surajghosi

Привет @Surajghosi вы проверили код ??? –

Display Bootstrap Модально, если условие истинно?

ответ

Смежные вопросы