如何复制JavaScript';在带有密码字段的新模式中的提示功能?

如何复制JavaScript';在带有密码字段的新模式中的提示功能?,javascript,Javascript,我正在为内部员工应用程序重新编写模块。此应用程序当前使用JavaScript提示窗口执行某些操作,提示窗口要求输入每个员工独有的pin码。然后针对该特定操作将该代码记录在系统中 不幸的是,在JavaScript提示窗口中,任何查看屏幕的人都可以看到输入的文本。我正在尝试使用密码过滤器重新创建此提示功能。为此,我创建了一个模式并使用了一个输入标记,其类型设置为password 我唯一的问题是模态代码是非阻塞的,检查现在被忽略。以前,提示函数被阻塞,代码将等待答复 如何在模式中复制JavaScrip

我正在为内部员工应用程序重新编写模块。此应用程序当前使用JavaScript提示窗口执行某些操作,提示窗口要求输入每个员工独有的pin码。然后针对该特定操作将该代码记录在系统中

不幸的是,在JavaScript提示窗口中,任何查看屏幕的人都可以看到输入的文本。我正在尝试使用密码过滤器重新创建此提示功能。为此,我创建了一个模式并使用了一个输入标记,其类型设置为password

我唯一的问题是模态代码是非阻塞的,检查现在被忽略。以前,提示函数被阻塞,代码将等待答复


如何在模式中复制JavaScript的提示功能及其阻塞性?

对于此类问题,我强烈建议使用jQuery UI。它的使用非常简单,你将能够很快达到你想要的结果。下面是一个简单的演示:

以及守则:

<body>
    <div id="dialog" title="Enter a value">
        <input type="password" id="test" />
    </div>
    <a href="#">Can't Click Me until a value is entered into dialog box</a>
    <script>
        $(document).ready(function () {
            $("#dialog").dialog({
                autoOpen: true,
                modal: true,
                closeOnEscape: false,
                buttons: {
                    OK: function () {
                        if ($("#test").val() != "") {
                            alert($("#test").val());
                            $(this).dialog("destroy").remove();
                        }
                    }
                }
            })
        });
    </script>
    <style>
        .ui-dialog-titlebar-close {
          visibility: hidden;
        }
    </style>
</body>

$(文档).ready(函数(){
$(“#对话框”)。对话框({
自动打开:对,
莫代尔:是的,
closeOnEscape:错误,
按钮:{
OK:函数(){
如果($(“#测试”).val()!=“”){
警报($(“#测试”).val();
$(this.dialog(“destroy”).remove();
}
}
}
})
});
.ui对话框标题栏关闭{
可见性:隐藏;
}

您不能。将代码重写为非阻塞。如果“阻塞”是指模式在显示时阻止用户与页面的其余部分交互,那么jQuery的模式可能会帮助您。您只需设置“模态:真”。我不知道你说的“支票被忽略”是什么意思。你能说得更具体些吗?你能发布一些代码吗?@Stan目前有一个简单的if语句,它获取提示值并对其进行比较,如果一切正常,那么代码将继续执行,并将运行更新查询。目前,我正试图复制该代码,因为我的模式是非阻塞的,查询无论如何都会运行并忽略用户输入。这有意义吗?@Bergi恐怕没那么简单。@Alex:重写它的任务可能不简单,但我的声明是:没有其他办法。