停止提交表单

时间:2013-01-10 19:44:56

标签: javascript html forms validation twitter-bootstrap

我使用Bootstrap的登录表单示例代码创建了一个注册表单,我正在尝试在表单操作发生之前对表单执行粗略验证。但是,我注意到即使我return false表单操作仍然被提交,我也会加载到表单操作页面。当表单的值无效时,如何阻止发生(即:电子邮件类似于abcdef)。

这是一个小提琴:http://jsfiddle.net/CCsJn/1/

请注意,即使代码返回false,表单也会提交。

搜索带我到this question,但该代码对我不起作用

2 个答案:

答案 0 :(得分:3)

傻傻的我!这是一个错字!

if ((email.value.length == 0) || (!validateEmail(email))){
        alert("Valid email is required.");
        elem.focus();
        return false;
}

elem.focus()应为email.focus()

答案 1 :(得分:0)

在条件

的最后尝试这样的事情
event.stopImmediatePropagation();
            event.preventDefault();
             return false;

但为此你必须定义一个事件1st,这将是你的条件。 如果确切的事情没有帮助,请通过stopImmediatePropagation和preventDefault阅读。我遇到了同样的问题,这对我有帮助