作為表單,字段驗證當然是不能少的,今天我們來一起看看Ext.Net FormPanel的字段驗證功能。
為了防止使用者輸入不合法的資料,我們可以使用限制功能來限制使用者的輸入,例如TextField的MinLength/MaxLength,NumberField的MinValue/MaxValue,DateField的MinDate/MaxDate等屬性,它們可以将使用者輸入的值限定在一個合法的範圍内,防患于未然。
TextField還有一個EnforceMaxLength屬性,它是Ext.Net擴充出來的,用來設定生成的html input元素的maxlength屬性,從最底層限定使用者輸入長度。
另外,TextField 的AllowBlank屬性可以控制字段是否為必填字段,true(預設值)為非必填,false為必填。
效果:
代碼:
ExtJS提供的驗證類型被稱為VTypes,包括常用的一些類型驗證,例如URL、Email等。
代碼如下:
對于日期範圍的驗證,效果如下:
ExtJS提供了擴充自定義驗證類型的功能,下面讓我們來擴充那一個密碼驗證類型:
接下來是使用代碼:
效果圖如下:
除了用戶端ExtJS豐富的功能之外,Ext.Net還可以友善的進行伺服器端的資料驗證:
然後我們來編寫伺服器端方法:
OK,代碼完成之後讓我們運作一下看看效果:
在輸入内容後,我們會看到在輸入框後面有一個正在加載的圖示:
然後,當驗證不合法的時候:
OK,本篇内容就是這些
2021年9月 北京、西安兩地,高薪誠聘 .NET工程師,請私信聯系!
如果認為此文對您有幫助,别忘了支援一下哦!
聲明:本部落格原創文字隻代表本人工作中在某一時間内總結的觀點或結論,與本人所在機關沒有直接利益關系。轉載時請在文章頁面明顯位置給出原文連結。