最近遇到一位客戶需要在前端驗證「電子信箱」是否符合格式,剛好我目前待的公司還是 Web Form 的架構。
之前都是隨手寫了 JavaScript 或利用 jQuery 的 test 函式,搭配正規表達式做檢查。
前幾天一時興起,就 Google 查了相關資料,發現可以經由前端 asp 元件的 RegularExpressionValidator 做檢查。
這麼一來,我就不用再寫 JS 或 jQuery 判斷了。
這個 RegularExpressionValidator 有很多屬性可以使用,先來看程式碼:
上方要檢查 txtCarerEmail 這個文字輸入框,此時:
ControlToValidate:綁定你要檢查的物件
ValidationExpression:正規表達式
Text:如果檢查不通過,在物件後方顯示提示文字。
ForeColor:文字的顏色
SetFocusOnError:觸發 Button 物件,檢查不通過則焦點放在該物件。