javascript - validateForm()有bug时如何避免onsubmit="return validateForm()"提交表单？

Question

当有错误时如何避免onsubmit="return validateForm()"提交表单 ？validateForm()

<form action="index.php" method="post" name="eform" onsubmit="return validateForm();">
    <input type="text" name="text" Maxlength="10000" />
    <input name="" type="submit" value="submit"/>
</form>   
<script>
    function validateForm() {    
        if (dosomething) {
            return true;
        } else {
            return false;
        }
    }
</script>

但是当函数validateForm()有一些代码错误时，比如......

function validateForm() {    
    ifffffffffffff(dosomerthing) { // Creates an error
        return true;
    } else {
        return false;
    }
}

表单自动提交...
它在 Chrome 控制台中显示 1 秒，我该如何避免这种情况？？？

非常感谢你！

标签： javascriptphpforms

Answer 1

更新：

var from = document.getElementById('form');

form.addEventListener('submit', validateForm);

function validateForm(event) {
  try {
    error
  } catch(err) {
    console.log(err);
    event.preventDefault();
  }
}

<form action="index.php" method="post" name="eform" id="form">
        <input type="text" name="text" Maxlength="10000" />
        <input name="" type="submit" value="submit"/>
</form>