密码输入错误时显示信息

Question

我有一个提交按钮，仅当在表格中键入“胜利”时才有效。 现在，我正在尝试处理一条错误消息，如果输入到表单字段中的文本不是“胜利”，则显示“错误的关键字输入”。 这是代码

<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;

}

Answer 1

您可以简单地在else情况下添加警报…

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

Answer 2

如果我是我，我会添加一个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;
}