HTML5新增表單的property屬性

html5中新增表單的property多用於表單驗證；

validity物件上面有8個屬性值；

通過下面的invalid可以檢視驗證是否通過，如果八種驗證都通過返回true，一種驗證失敗返回false；

首先要給元素節點新增事件監聽：

node.addeventlistener("invalid",fn1,false);

valuemissing  	 :  輸入值為空時返回true；

typemismatch : 控制項值與預期型別不匹配返回true
patter****match : 輸入值不滿足pattern正則返回true

toolong  		 :  超過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...