html5 Forms

新的表单特性和函数

placeholder : 输入框提示信息 例子 : 微博的密码框提示

autocomplete : 是否保存用户输入值 默认为on,关闭提示选择off

autofocus : 指定表单获取输入焦点

list和datalist : 为输入框构造一个选择列表 list值为datalist标签的id

required : 此项必填,不能为空 不安全 用户按f12 就可以改

Pattern : 正则验证 pattern="d{1,5}“ 不安全 用户按f12 就可以改

Formaction 在submit里定义提交地址

表单验证

validity对象,通过下面的valid属性可以查看验证是否通过,如果八种验证都通过返回true,一种验证失败返回false

oText.addEventListener("invalid",fn1,false); ev.preventDefault()

valueMissing : 输入值为空时

typeMismatch : 控件值与预期类型不匹配

patternMismatch : 输入值不满足pattern正则

tooLong : 超过maxLength最大限制

rangeUnderflow : 验证的range最小值

rangeOverflow:验证的range最大值

stepMismatch: 验证range 的当前值 是否符合min、max及step的规则

customError 不符合自定义验证

setCustomValidity(); 自定义验证

Invalid事件 : 验证反馈 input.addEventListener('invalid',fn,false)

阻止默认验证:ev.preventDefault()

formnovalidate属性 : 关闭验证

原文地址:https://www.cnblogs.com/xinup/p/4803719.html