HTML5格式无法验证

时间:2014-04-28 20:11:20

标签: javascript css html5 validation

表单将转到验证,但随后跳过它并直接转到最终结果。

http://jsbin.com/danimemu/3/edit

1 个答案:

答案 0 :(得分:0)

通过submission algorithm阅读,看起来您的问题是您正在处理按钮的onclick事件,而不是处理onsubmit的{​​{1}}事件。在算法的第4步中,陈述

  

如果未设置submit()方法标志提交,并且submitter元素的no-validate状态为false,则以交互方式验证表单的约束...

这告诉我,由于您明确调用了<form>函数,因此您告诉HTML处理器您已完成所有必需的验证并且应该提交表单。 (可悲的是,我无法通过解释或示例找到一篇简单的博客文章。)您需要删除按钮的form.submit()处理程序并让表单正常提交,这将触发验证。您可以将onclick HTML5属性添加到按钮,以便在不使用JavaScript的情况下为每个按钮提交不同的网址。