表单上提交返回 false 在 Chrome 中不起作用

form onSubmit return false doesn't work in Chrome

本文关键字:Chrome 不起作用 false 提交 返回 表单      更新时间:2023-09-26

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

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

该目录

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

我迟到了,但这个回复可能会在未来帮助某人。我今天遇到了同样的问题。阅读杰克的评论后,我在检查函数中插入了一个尝试/捕获块。这允许我防止执行停止(即使代码崩溃也返回 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;
    }
}

您确定输入字段中没有空格吗?

尝试这样的事情 if(document.getElementById("input1").value.trim() == ")

请注意,tirm 在 IE 中无法正常工作。如果需要,请使用此方法 http://goo.gl/L802W