![](/img/trans.png)
[英]Javascript field.setCustomValidity() doesn't set field to valid
[英]javascript setCustomValidity doesn't work
我是Java語言的新手,我想檢查兩次輸入的密碼是否與Javascript匹配。 但是似乎不起作用:
<html>
<head>
<script>
function checkpasswd(){
var p1 = getElementById("password1");
var p2 = getElementById("password2");
if( p1.value != p2.value){
p2.setCustomValidity("passwd don't match");
}else{
p2.setCustomValidity("");
}
}
</script>
</head>
<body>
<form>
passwd:<input type="password" name="password1" id="password1">
confirm passwd:<input type="password" name="password2" id="password2" onchange="checkpasswd()">
</form>
</body>
</html>
使用document.getElementById()並使用正確的id :
function checkpasswd(){
var p1 = document.getElementById("password1");
var p2 = document.getElementById("password2");
if( p1.value != p2.value){
p2.setCustomValidity("passwd don't match");
}else{
p2.setCustomValidity("");
}
}
我已經編輯了您的代碼
<html>
<head>
<script>
function checkpasswd(){
var p1 = document.getElementById("password1");
var p2 = document.getElementById("password2");
var result = document.getElementById("result");
if( p1.value != p2.value){
result.innerHTML = "passwd don't match";
p2.setCustomValidity("passwd don't match");
}else{
result.innerHTML = "passwd match";
p2.setCustomValidity("");
}
}
</script>
</head>
<body>
<form>
passwd:<input type="password" name="password1" id="password1">
confirm passwd:<input type="password" name="password2" id="password2" onkeyup="checkpasswd()">
</form>
<div id="result"></div>
</body>
</html>
您用來查找元素的ID名稱拼寫錯誤。 您需要提及正確的ID才能獲取元素。
您忘記了使用文檔對象,而是直接嘗試訪問getElementById。
<html>
<head>
<script>
function checkpasswd(){
var p1 = document.getElementById("password1");
var p2 = document.getElementById("password2");
if( p1.value !== p2.value){
p2.setCustomValidity("passwd don't match");
}else{
p2.setCustomValidity("");
}
}
</script>
</head>
<body>
<form>
passwd:<input type="password" name="password1" id="password1">
confirm passwd:<input type="password" name="password2" id="password2" onchange="checkpasswd()">
</form>
</body>
</html>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.