p4.component.html

<h5>輸入欄位驗證</h5>

<table border="2">
  製作三個directive 輸入欄位驗證<br>
  一.必須輸入大於０，若輸入小於或等於0，則alert訊息<br>
  二.只能輸入數字，若輸入欄位不符，則alert訊息<br>
  三.只能輸入英文兩碼＋數字三碼，若輸入欄位不符，則alert訊息</table>

<br>
  欄位一 : <input class="test"
            placeholder="輸入後請按enter"
            autofocus
            (keyup.enter)="addNumber($event.target)"
            ><br><br>
  欄位二 : <input class="number"
            placeholder="輸入後請按enter"
            autofocus
            (keyup.enter)="addNumber2($event.target)"><br><br>
  欄位三 : <input class="number"
            placeholder="輸入後請按enter"
            autofocus
            (keyup.enter)="addNumber2($event.target)"><br><br>
  <router-outlet></router-outlet>