验证元素
可验证元素:button, input, select, textarea
以下情况不做验证:
input 元素,type 类型为 hidden, reset, button 时
button 元素,type 类型为 reset, button 时
input /textarea, 当属性为 readonly 时
所有可验证元素作为 datalist 的子孙节点时当元素被禁用时 disabled 的状态
验证涉及到的属性和接口:
willValidate (表明此元素在表单提交时是否会被验证)
checkValidity() (用于验证元素,返回 true 当验证通过,否则触发 invalid 事件)validity (存储验证结果,不同的异常状态都会在这个属性里标明出来)
validationMessage (显示验证异常信息)
setCustomValidity(message) (自定义验证错误信息)
validity:存储验证过程中可能涉及到的错误信息,包含以下内容:
自定义异常:
涉及的点包括
oninvalid
setCustomValidity
禁止验证:
如上代码,input类型为number,当输入时,会弹出数字键盘来做验证。这时我们需要其不 对输入的内容进行验证,可以通过在表单里设置novalidate属性来禁止其验证