html5中新增表單的property多用於表單驗證;
validity物件上面有8個屬性值;
通過下面的invalid可以檢視驗證是否通過,如果八種驗證都通過返回true,一種驗證失敗返回false;
首先要給元素節點新增事件監聽:
node.addeventlistener("invalid",fn1,false);
以下的屬性可以忽略:valuemissing : 輸入值為空時返回true;
typemismatch : 控制項值與預期型別不匹配返回true
patter****match : 輸入值不滿足pattern正則返回true
當不符合使用者自定義驗證返回truetoolong : 超過maxlength最大限制返回true
rangeunderflow : 驗證的range最小值返回true
rangeoverflow : 驗證的range最大值返回true
stepmismatch : 驗證range 的當前值 是否符合min、max及step的規則返回true
方法用於設定使用者自定義設定;
submitelement.onclick=function()else
}// 而該方法設定哪個元素節點上面,validity物件就在那個元素上獲取
submit.addeventlistener("invalid",function())
HTML5新增表單驗證
html5新增屬性 屬性描述 placeholder 提供一種提示,輸入域為空時顯示,獲得焦點輸入內容後消失 required 規定輸入域不能為空 pattern 規定驗證input域的模式 正規表示式 示例 validity屬性 validitystate物件 屬性描述 valuemissing ...
HTML5新增input表單
html5新增input表單 input表單及其屬性 type email 限制使用者輸入必須為e mail型別 type url 限制使用者輸入必須為 和 型別 type date 限制使用者輸入必須為日期型別 type month 限制使用者輸入必須為月份型別 type time 限制使用者輸入...
HTML5新增表單控制項
doctype html html lang en head meta charset utf 8 meta name viewport content width device width,initial scale 1.0 title html5新增表單控制項 title head body f...