即使条件为真，在HTML中使用Javascript返回false

Question

如果搜索栏中的输入不是“狗”，我在HTML中使用Javascript来返回弹出错误。但是，当输入为“Dog”时，它仍会显示弹出错误。

 <div class="search" >

    <input type="text" name="s" 
      <a href="/redirect.php">
    <button id="find" type="submit" 
    onclick="javascript: if(document.getElementById('find').value!='Dog') 
    {
        alert('This animal does not exist in the system, try another one...');
        return false;
    }">&nbsp;</button>
  </div>

如果搜索栏中的输入是“dog”，则代码应该转到redirect.php。我在哪里错误的代码？

Answer 1

试试这个

<div class="search" >
    <input type="text" id="find" name="s" />
    <a href="/redirect.php">
    <button  type="submit" 
    onclick="javascript: if(document.getElementById('find').value!='Dog') {
        alert('This animal does not exist in the system, try another one...');
        return false;
    }">&nbsp;</button>
</div>

更新

之前没有工作的原因是因为button元素具有 find id而不是文本字段。