狠狠撸

Angular 深入淺出表單篇：新?入?（?）

? 「Angular 深入淺出三?天」
? 「Angular Schematics 實戰三?天」
? ?前任職於 Lilee Systems
陳志龍（Leo 李歐）

? Angular Form 介绍
? Template Driven Form 介绍
? Template Driven Form 简易表单实作－登入
?綱

? Template Driven Form
s

? Reactive Forms
Angular 怎麼做？

? Data Binding -> ngMode
l

? Validators -> HTML Attribut
e

? Angular template syntax
如何使? Template Driven Forms 來製作表單？

Template Driven Form 简易表单实作－登入

? 帳號
? 格式為 Email Address，此處則直接使?正規表?法 ?
/^b[w.-]+@[w.-]+.w{2,4}b$/ 來檢驗，驗證有
誤時需在欄位後?顯?錯誤訊息：格式有誤，請重新輸入
? 此欄位必填，驗證有誤時需需在欄位後?顯?錯誤訊息：此欄位
必填
規格需求

? 密碼
? 長度最短不得低於 8 碼，驗證有誤時需需在欄位後?顯?錯誤訊
息：密碼長度最短不得低於8碼
? 長度最長不得超過 16碼
? 此欄位必填，驗證有誤時需需在欄位後?顯?錯誤訊息：此欄位必
填
規格需求

? 以上驗證皆需在使?者輸入時動態檢查
? 任?驗證有誤時，登入按鈕皆呈現不可被點選之狀態。
規格需求

? 慎?雙向綁訂
? 遵循 Angular 框架機制
? import FormsModule
重點

相關連結
Angular Taiwan 臉書社團 Angular Taiwan 論壇
Angular Taiwan 線上讀書會社團 Angular Taiwan Youtube 頻道

Angular 深入淺出表單篇：新手入門（一）