输入错误密码时显示消息

display message on wrong password entry

本文关键字：显示 消息 密码 错误 输入      更新时间：2023-09-26

我有一个提交按钮，只有在"胜利"输入表单时才有效。现在我正试图工作在一个错误消息显示"错误的关键字条目"，如果输入到表单字段的文本不是"胜利"。下面是代码

<form name="input" action="index.html" method="post" onsubmit="return check();">
<input type="text" maxlength="7" autocomplete="off" name="" id="victory">
<br><input type="submit" class="bigbutton"  value="NEXT">
</form>    
<script>
function check(){
if(document.getElementById("victory").value == "victory")
    return true;
else 
   return false;

}

如果我是你，我会添加一个HTML元素来填充错误。然后你可以用你喜欢的CSS样式。

<div id="error"></div>

那么你的函数看起来就像这样:

function check(){
    if(document.getElementById("victory").value == "victory")
        return true;
    else 
        document.getElementById("error").innerHTML = "Wrong keyword entry."
        return false;
}

您可以简单地在else条件中添加警报…

function check(){
   if(document.getElementById("victory").value == "victory") {
        return true;
   }
   else {    
        alert("wrong keyword entry");
        return false;
   }
 }
相关文章：