如何复制JavaScript's的提示函数在一个带有密码字段的新模式中
How I can I replicate JavaScript's prompt function in a new modal with a password field?
我正在为内部员工应用程序重新编写一个模块。该应用程序目前使用JavaScript提示窗口执行某些操作,提示窗口要求提供每个员工唯一的pin代码。然后,针对该特定操作将该代码记录在系统中。
不幸的是,使用JavaScript提示窗口,任何看屏幕的人都可以看到输入的文本。我正在尝试重新创建这个提示函数,但使用了密码过滤器。为此,我创建了一个Modal,并使用了一个类型设置为password的输入标记。
我遇到的唯一问题是,模式代码是非阻塞的,检查现在被忽略了。以前的提示功能是阻塞的,代码会等待回复。
如何在模态中复制JavaScript的提示功能及其阻塞性?
对于这种类型的问题,我强烈建议使用jQuery UI。它使用起来非常简单,而且你很快就能达到你想要的效果。下面是一个简单的演示:http://jsfiddle.net/ecq80jd2/
代码:
<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>
相关文章:
- 一个密码测试程序,如果存在空格,它会提醒用户
- 访问下一个html页面的静态4位密码
- 如何使用至少一个数字、一个大写字母和6-20个字符验证密码
- Navgoco不是一个影响密码保护页面的功能
- 正则表达式:密码必须至少包含一个特殊字符
- 将登录链接到另一个网站而不提供密码
- 如何创建一个提示用户输入登录id和密码的网站
- Javascript-更正用户名和密码以启用另一个表单
- 如何判断一个密码是否等于另一个密码
- “TypeError: req.flash 不是一个函数”,使用带有 nodejs、用户名和密码身份验证的护照
- 如何使用imacros将一个页面密码获取到另一个页面
- 密码的正则表达式必须包含至少八个字符,至少一个数字以及小写和大写字母以及特殊字符
- 正则表达式密码必须包含字母,至少一个特殊字符和至少一个数字
- 我正在尝试制作一个nocatsplash页面 - 它使用HTML代码来检查密码并在输入正确的密码时重定向访问者
- 带有护照的节点:比较密码抛出错误未定义不是一个函数,当它返回返回完成(null,用户);
- 在javascript中,为什么一个变量'run'密码
- 如何复制JavaScript's的提示函数在一个带有密码字段的新模式中
- 如何创建密码登录模式,单击提交按钮,然后使用bootstrap 3打开另一个包含链接的模式
- 将用户名/密码安全地传递到另一个javascript文件
- 我需要帮助在html/javascript创建一个密码表单