作為web開發者都知道,"任何輸入都是罪惡的",頁面上表單資料的錄入是我們web系統的主要責任,但是安全有效的系統應該能夠很好地處理輸入資料正確格式的問題。
通常我們的解決方式主要是採用js方式進行驗證(類似email,手機號碼,身份證,聯絡**,上傳檔案等等),在企業開發過程中通常是同時兼任後台以及頁面輸入的開發工作,因此需要花費大量時間在前台的很平常的驗證工作上。
最近在infoq**上看到了讓人欣喜的一幕就是html5新規範中對webform1.0進行了很大的改進工作,對於上述的平常的資料校驗工作融入到了html語言中,直接以input屬性的形式去控制,表單將自動驗證,輸入錯誤時表單自動不給提交。
比如說url輸入框,email輸入框等。
1、2、改進的檔案上傳控制項,你可以使用乙個控制項上傳多個檔案,自行規定上傳檔案的型別(accept),你甚至可以設定每個檔案最大的大小(maxlength)。
3、內建的表單校驗系統,html5為不同型別的輸入控制項各自提供了新的屬性,來控制這些控制項的輸入行為,比如我們常見的必填項required屬性,以及為數字型別控制項提供的max、min等。 而在你提交表單的時候,一旦校驗錯誤,瀏覽器將不執行提交操作,而會顯示相應的檢驗錯誤資訊。
peter
password
看到以上的易用性很是高興,開發前台的工作量稍微降低了點,部分表單上的資料仍然需要進行後台資料庫驗證的則還是規規矩矩得去做,可以提交後後台驗證或者是進行ajax的驗證。
不過後來想了想,這樣簡單的東西對於後續的學者能對web前台頁面的校驗學習不是很有好處,可能會對於內部的機制缺乏了解。
哪些HTML5特性值得期待
1.瀏覽器對html5的支援力度 隨著明年windows xp支援到期,而且國內很多小白使用者都在使用360安全瀏覽器和搜狗瀏覽器,所以html5的推進速度還是非常快的。這點對web開發者來說是一件很開心的事情,未來瀏覽器之間的相容性問題會越來越少,開發者可以把更多的精力集中在應用的互動設計和業務邏...
哪些HTML5特性值得期待
1.瀏覽器對html5的支援力度 隨著明年windows xp支援到期,而且國內很多小白使用者都在使用360安全瀏覽器和搜狗瀏覽器,所以html5的推進速度還是非常快的。這點對web開發者來說是一件很開心 的事情,未來瀏覽器之間的相容性問題會越來越少,開發者可以把更多的精力集中在應用的互動設計和業務...
html5中form的新特性
學習 dive into html5 的 url form of madness url 一章的筆記。html5中form的新特性可分新型別和新屬性兩部分。新型別 html5中,有了更多更語義的type。現在就可以用它們,瀏覽器如果不支援這些type,會以type text 顯示,而不必擔心出現亂七...