javascript提交检查输入,错误return false不能停止提交?

PenguinGoHack
  • 227

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

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>
回复
阅读 5.4k
5 个回答
kikong
  • 19.1k
✓ 已被采纳

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>

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

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏