形式的onsubmit返回false在Chrome中无法正常工作(form onSubmit ret

2019-09-17 17:59发布

我回来虚假陈述在Chrome好好尝试一下工作时，我想通过javasript检查用户输入。它甚至触发动作标签，当我返回false。这里是我的代码

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

我知道我迟到了，但这个答复可以帮助别人的未来。我今天遇到了同样的问题。读杰克的评论后，我插在我回功能的try / catch块。这让我避免停止执行（返回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;
    }
}