Javascript 使用密码对话框重新查询帮助

我需要做一个密码对话框，告诉你输入密码，然后一旦输入，就会显示一个警告对话框，告诉你输入了密码，并以星号和普通文本显示密码。我有这一点，但需要它来防止我输入密码，如果我的密码包含空格。比尔盖茨不应该工作。有人能帮忙吗？这就是我目前所拥有的

密码警报框 //声明变量 变量输入1=0； input1=Prompt请在此处输入密码，在此处输入密码//在提示框中输入密码 var asterisks=新数组输入1.length+1.join*//将密码字符串转换为星号 window.alertValid password+星号+\n您输入的密码+输入1//输出消息valid password（有效密码）以及以星号输入的字符串，还以纯文本形式输出密码 试试这个代码

function psw() {
    var input1 = prompt("Please enter your Password here","Enter Password Here");

    if(input1.indexOf(" ") > 0) {
        alert('error can not contain spaces');
        psw();
        return false;
    }

    var asterisks = (new Array(input1.length+1).join("*"));

    alert("Valid password "+ asterisks + "\n You entered the password " + input1);
}

psw();

注意：我使用了indexOf，它与IE9一起工作+

---

一个对话框。如果您使用的是密码，我会避免使用提示，因为它没有安全。这意味着您将无法使用提示符。考虑以下事项：

HTML:

CSS:

这里我们创建了一个浮动框，类似于jQuery中的对话框/模态。在这个框中，您可以在表单中找到我前面提到的输入类型密码

对于您的情况，您不需要将表单发送到php文件进行处理，因此只需截取表单并在警报中显示密码值即可

更新时，可以在更改密码值之前截取空格键，而不执行任何操作。例如，您可以使用onkeyup事件并复制相同的代码。如果检测到空格键，则只需执行e.preventDefault；并且空格键不会添加到您的密码值中

---

您希望用户能够输入空格，并在输入无效字符后通知他，还是希望在用户键入时阻止使用空格？后者在提示符下是不可能的。我希望用户不能输入空格。所以它告诉他它包含一个无效的space@Tomnp，你们很好，若答案解决了你们的问题，那个么就标记它

<div style="display: none;" id="alert">
    <form>
        <input id="password" type="password" name="password" placeholder="password here" />
        <input id="submit" type="submit" value="Submit" />
    </form>
</div>
<button id="show">Show</button>

var pass = document.getElementById('password');
pass.onkeyup = function (e) {
    var key = e.keyCode;
    if (key == 32) {
        //spacebar -- so lets clear what has currently been written
        this.value = "";
        alert('Spaces are not allowed, please try again');
    }
}
document.getElementById('show').onclick = function () {
    document.getElementById('alert').style.display = 'block';
}

document.getElementById('submit').onclick = function (e) {
    e.preventDefault();
    alert(pass.value + ' ... ' + (new Array(pass.value.length + 1).join("*")));
}

#alert {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1000;
    background-color: red;
    padding: 30px;
}