使用用户密码创建弹出窗口作为对话框

Question

我在 MVC5 视图 index.cshtml 中使用以下代码。目前警报显示一些文本。我需要更改它以打开一个弹出窗口，询问用户用户名和密码，我应该怎么做？

<script type="text/javascript"> 
  $(document).ready(function () { 
     $("#M").change(function () { 
     if ($(this).val() == "F") { 
             alert("I am an alert box!");

       } 
    }); 
  }); 
</script>

我试过 var myWindow = window.showPopup(); 还是不行...

Answer 1

var username = window.prompt("Enter your username","");
var password = window.prompt("Enter your password","");

使用变量username 和password 访问用户输入的用户名和密码。

Fiddle。希望这就是您想要的。

Answer 2

尝试使用引导程序并使用组件Modal。 bootstrap 站点提供了一个很好的教程来介绍如何使用它。