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

问题描述

问 题

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

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>

解决方案

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>

这篇关于html - javascript提交检查输入，错误return false不能停止提交？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！