html - javascript提交检查输入，错误return false不能停止提交？

Question

在提交时检查输入是否合法，若不合法，停止提交。
代码如下：

function checkSubmit(){
                var nickname = document.getElementById('comment-nickname').value;
                var email = document.getElementById('comment-email').value;
                var content = document.getElementById('comment-content').value;
                if((nickname == '')|(content == '')|(!checkEmail())){
                    alert('请根据提示正确填写信息！');
                    return false
                }else{
                    return true
                }
            }

如何才能停止该表单提交，停留在原页面？

            <input type="submit" class="btn" id="submit-comment" value="提交评论" onsubmit="checkSubmit()"></input>

Answer 1

The submit event is fired when a form is submitted.
Note that submit is fired only on the form element, not the button or submit input. (Forms are submitted, not buttons.)

onsubmit添加在form元素上而不是input元素上
当form表单被提交，submit事件发生时，onsubmit指向的函数就会被执行

<form action="www.baidu.com" onsubmit="return false;">
    <input type="submit" class="btn" id="submit-comment" value="提交评论" ></input>
</form>

Answer 2

在onsubmit事件中使用e.preventDefault();

Answer 3

<form onsubmit="return checkSubmit()">
</form>

把input标签里的onsubmit放到form标签里

Answer 4

原因很简单，当点击类型是submit的input的时候，浏览器的默认行为会自动提交，虽然你写了检查条件。因此，处理这个问题的关键是阻止浏览器的默认提交行为

Answer 5

如果是form标签的话，应该是不能阻止跳转的。
需要预检查的如电话号码指令的表单，得用ajax。。