AngularJS (14) <form required> 欄位是否為空

首先，幫你的表格取名

<body ng-app="app1">
   <form name="myform">
     <!-- 待會要寫<input> -->
   </form>
</body>

先加入一組<input>、以及警告訊息。
首先，<input>必須有name和required這兩個屬性：

<input name="aa" ng-model="myform.username" required/>

接著，當myform的aa欄位為空字串時，我們希望出現它的警告訊息。

所以我們利用required，當欄位為空 →→ required = true →→ 顯示對應的警告訊息。

<span ng-show="myform.aa.$error.required">名字不可為空</span>

剛剛為什麼要取名？因為要保證這行警告訊息只會取決於myform.aa是否是空欄位。

另外一組就是如法炮製啦！只是將<input>取名為bb。

<input name="bb" ng-model="myform.address" required/>
<span ng-show="myform.bb.$error.required">地址不可以為空</span>

Ti-Tiâu