Question

我试图在JavaScript中根据需要设置密码输入。

我从this了解了如何做到这一点，但它似乎与我的密码输入无关。

<div class = "login">
<input type = "password" class = "enterPassword">
<button class = "submit">Submit</button>
</div>

var p = document.querySelector(".enterPassword");
p.required = true;
p.style.backgroundColor = "gray";

var s = document.querySelector(".submit");
s.addEventListener("click", clickHandler.bind(p));

function clickHandler() {
    console.log("Password: " + this.value);
}

jsfiddle

虽然我这样做，

var p = document.querySelector(".enterPassword");
p.required = true;

如您所见，当用户输入密码失败时，没有必需的弹出窗口。有谁知道为什么不呢？

Answer 1

以表格

包裹元素

<form>
<input type = "password" class = "enterPassword">
<button class = "submit">Submit</button>
</form>

您也可以不使用form

进行检查

document.querySelector(".enterPassword").validity.valid

这将返回一个布尔值，但您不会看到错误弹出

JSFIDDLE

在密码输入上使用必需属性

1 个答案: