客戶端驗證api
作者:佚名 時間:2014-07-05 分享到:
本地表彰驗證十分有益,但有時開發人員可能想要通過添加一些自定義驗證或創建自己的錯誤報告框架來實現更多功能.constraint validation api具有一系列的對象,屬性和類函數,指在為開發人員提供擴展瀏覽器驗證系統的靈活性或完全自主創建.
這個api的第一個屬性是willvalidate,根據調用的元素是否需要被驗證,這個屬性返回true或false-所根據的是驗證過程是否被應用,而非其值是否有效.相比較而言,willbevalidated屬性可能更為有用,在默認情況下,所有表彰元素返回true,除非它們被明確地設置為不返回true-例如使用disabled屬性.
通過使用willvalidate屬性,可以只在被驗證的表彰元素上執行操作,如下面代碼所示:
var inputfields = document.queryselectorall('input'),
inputlen = inputfields.length,
i;
for(i=0;i<inputlen;i++)
if(inputfields[i].willvalidate)
{//do something
}
}
驗證表彰元素的最簡單方法是使用checkvalidaity()類函數,根據其調用的元素是否驗證其當前值,這類函數返回true或false.這類函數是下面所示腳本的核心,根據驗證狀態,這腳本使用checkstatus函數來運行checkvalidity()類函數洋式用色或叉來更新兄弟元素p的內容.