javascript - 表单 onSubmit 返回 false 在 Chrome 中不起作用

Question

当我想通过 javasript 检查用户输入时，我的 return false 语句在 Chrome 中不起作用。即使我返回 false，它也会触发 Action 标签。这是我的代码

<script type="text/javascript">
  function testInput(){
    if(document.getElementById("input1").value == ""){
      alert('error');
      return false;
    }else{
      return true;
    }
  }
</script>

HTML

<form action="exec.php" method="post" onSubmit="return testInput()">
<input type="text" id="input1" name="input1" />
<input type="submit" value="Exec" />
</form>

Answer 1

我知道我来晚了，但这个回复可能会在将来帮助别人。我今天遇到了同样的问题。阅读 Jack 的评论后，我在检查函数中插入了一个 try/catch block 。这使我能够防止执行停止(即使代码崩溃也返回 false)并在 Chrome 控制台面板中打印错误。你可以像这样尝试:

function testInput(){
    try {
        if (document.getElementById("input1").value == "") {
            alert('error');
            return false;
        } else {
            return true;
        }   
    } catch (e) {
        console.error(e.message);
        return false;
    }
}