当javascript验证失败时,无法阻止表单提交

时间:2013-12-29 14:50:49

标签: javascript html forms

我正在学习Javascript,这可能是一个非常愚蠢的问题,但我正在疯狂。我正在尝试各种各样的事情以防止表单被提交而没有运气,所以现在我放置了一个非常简单的函数,它总是会返回false。表单仍然提交,有人可以解释为什么以及我需要更改什么?谢谢!

<form action="http://students.open.ac.uk/mct/tt284/reflect/reflect.php" method="post" name="displayTimeTable" onsubmit="return toSubmit();">

<some html>.....

<input type="submit" id="submit" name="submit" value="Submit" />

`

和javascript

function toSubmit(){
  alert('I will not submit');
  return false;

}

2 个答案:

答案 0 :(得分:1)

尝试使用提交按钮而不是onSubmit

上的onclick事件
<input type="submit" id="submit" name="submit" value="Submit" onclick="return toSubmit();"/>

答案 1 :(得分:0)

对我来说工作正常:

http://jsfiddle.net/acrashik/yQ2gL/1/

<script>
    var onSubmit = function() {
        return false;
    }
</script>
<form action="/" method="post" onsubmit="return onSubmit();">
<input type="submit" />
</form>