`form`Arahan AngularJS

"Status valid" formulir ini tidak akan dianggap "benar", selama bidang input yang diperlukan kosong:

<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>

<p>The forms's valid state is:</p>
<h1>{{myForm.$valid}}</h1>

Definisi dan Penggunaan

AngularJS memodifikasi perilaku default <form>elemen.

Formulir di dalam aplikasi AngularJS diberikan properti tertentu. Properti ini menjelaskan status formulir saat ini.

Formulir memiliki status berikut:

Nilai setiap state mewakili nilai Boolean, dan adalah salah satu true atau false.

Formulir di AngularJS mencegah tindakan default, yang mengirimkan formulir ke server, jika atribut tindakan tidak ditentukan.

Formulir dirujuk dengan menggunakan nilai atribut nama.

Formulir di dalam aplikasi AngularJS diberikan kelas tertentu . Kelas-kelas ini dapat digunakan untuk menata bentuk sesuai dengan keadaannya.

Kelas berikut ditambahkan:

ng-pristine Tidak ada bidang yang belum diubah
ng-dirtySatu atau lebih bidang telah dimodifikasi
ng-validIsi formulir valid
ng-invalidIsi formulir tidak valid
ng-valid-keySatu kunci untuk setiap validasi. Contoh: ng-valid-required, berguna bila ada lebih dari satu hal yang harus divalidasi
ng-invalid-keyContoh:ng-invalid-required

Kelas dihapus jika nilai yang mereka wakili adalah false.

Terapkan gaya untuk formulir yang tidak dimodifikasi (asli), dan untuk formulir yang dimodifikasi:

<style>

form.ng-pristine {
background-color: lightblue;
}
form.ng-dirty {
background-color: pink;
}

</style>