angular2 表單驗證


 

  1. 模版式表單

(1) angular遇到form自動接管,不想自動接管,添加ngNoForm,當標簽為div時,但想被表單接管,添加ngForm;

(2) ngForm可以被模版本地變量引用,以便在模版中使用表單的實例。

:#myForm就是申明本地變量,myForm值為表單實例的對象。當表單被angular接管時,action 和 method 將不會起作用。

結果:

注意:在被angular接管的表單里的任何輸入框需要定義name屬性。

 

  2.響應式表單:

(1)

(2)用法:首先創建數據模型;

導入表單模塊:

Html頁面指令:

結果:

 (3) 工具formBuilder對響應式表單的優化:

 

(4)校驗器:Validators

打印:this.formModelT

 

 (5) 自定義校驗器:校驗兩次密碼是否相同

 

 

 

 

 

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM