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

我在MVC5 view index.cshtml中使用以下代码。当前，警报显示一些文本。我需要将其更改为打开一个弹出窗口，询问用户用户名和密码，我应该如何操作

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

       } 
    }); 
  }); 
</script>

$（文档）.ready（函数（）{
$（“#M”）.change（函数（）{
如果（$（this.val（）=“F”）{
警报（“我是一个警报框！”）；
} 
}); 
}); 

我尝试了

var myWindow=window.showPopup（）这不起作用

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

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

。希望这就是您想要的。
尝试使用引导并使用该组件。bootstrap站点提供了一个关于如何使用它的很好的教程
 谢谢克里斯的投票，我有两个问题1。我想用户密码将是和相同的弹出窗口，我应该如何更改它2。我怎样才能对这个弹出窗口应用一些样式…不幸的是，你不能。您可以使用jquery对话框或为用户名和密码创建单独的表单。那么您的意思是什么？谢谢，但我应该如何从脚本中调用它？您可以提供示例吗？如果您阅读我提供的链接，您可以通过以下方式轻松显示弹出窗口（模式）：$（'#myModal'）。modal（'show'））