Question

我有一个提交按钮，只有在＆＃34;胜利＆＃34;键入表单。现在我正在尝试处理错误消息以显示＆＃34;错误的关键字输入＆＃34;如果输入表单字段的文本不是＆＃34;胜利＆＃34;。这是代码

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

在错误的密码输入上显示消息

2 个答案: