AngularJS form 指令
示例
只要必需的輸入欄位為空，此表單的“有效狀態”就不會被視為“true”。
<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>
<p>表單的有效狀態是：</p>
<h1>{{myForm.$valid}}</h1>
自己動手試一試 »
定義和用法
AngularJS 修改了 <form> 元素的預設行為。
AngularJS 應用程式中的表單具有某些屬性。這些屬性描述了表單的當前狀態。
表單具有以下狀態：
$pristine尚未修改任何欄位$dirty已修改一個或多個欄位$invalid表單內容無效$valid表單內容有效$submitted表單已提交
每個狀態的值表示一個布林值，可以是 true 或 false。
AngularJS 中的表單會阻止預設行為，即如果未指定 action 屬性，則將表單提交到伺服器。
語法
<form name="formname"></form>
表單透過 name 屬性的值來引用。
CSS 類
AngularJS 應用程式中的表單會賦予某些類。這些類可用於根據表單的狀態對其進行樣式設定。
添加了以下類
ng-pristine尚未修改任何欄位ng-dirty已修改一個或多個欄位ng-valid表單內容有效ng-invalid表單內容無效ng-valid-key每個驗證一個 key。例如：ng-valid-required，在有多個需要驗證的專案時很有用ng-invalid-key例如：ng-invalid-required
如果它們表示的值為 false，則這些類將被移除。
示例
為未修改（pristine）的表單和已修改的表單應用樣式
<style>
form.ng-pristine {
background-color: lightblue;
}
form.ng-dirty {
background-color: pink;
}
</style>
自己動手試一試 »
