覆盖html5验证

Question

我正在使用一个简单的登录表单,有两个字段:

<form>
  <input type="email" name="email" required />
  <input type="password" name="password" required />
  <button type="submit">Log in</button>
</form>

对于现代浏览器,会自动触发验证.

但是,如果javascript可用,我想接管html5表单验证,并自己处理所有内容.

我想自动验证'onblur'(仅受影响的字段),并且我想在点击'submit'时验证所有字段.

onblur事件工作正常,但是当按下"提交"时,不会触发标准的"提交"事件.但是,会触发"无效"事件; 但仅适用于第一个无效事件.

告诉浏览器忽略所有与HTML5相关的验证并接管整个过程的好方法是什么？

Answer 1

请注意-尽管有些浏览器可以支持该属性的novalidate上INPUT元素- HTML代码不验证.

根据文件,没有这样的属性.只有FORM元素可以包含novalidate属性.

• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input
• http://www.w3.org/TR/html5/forms.html#the-form-element
• http://www.w3.org/TR/html5/forms.html#the-input-element