Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang AngularJS memperkaya form pengisian dan validasi. Kita bisa menggunakan ng-klik untuk menangani tombol AngularJS klik dan gunakan $dirty dan $invalid flags untuk melakukan validasi dengan cara yang tidak nampak. Gunakan novalidate dengan form deklarasi untuk menonaktifkan validasi spesifik browser. Kontrol bentuk membuat penggunaan kejadian Angular yang berat. Mari kita lihat sekilas events pertama:

Events

AngularJS menyediakan beberapa Events yang dapat dikaitkan dengan kontrol HTML. Misalnya ng-klik biasanya diasosiasikan dengan tombol. Berikut adalah acara yang didukung di Angular JS.

  • ng-click
  • ng-dbl-click
  • ng-mousedown
  • ng-mouseup
  • ng-mouseenter
  • ng-mouseleave
  • ng-mousemove
  • ng-mouseover
  • ng-keydown
  • ng-keyup
  • ng-keypress
  • ng-change

Reset data formulir dengan menggunakan petunjuk tombol on-click

Validate data

Berikut ini bisa digunakan untuk melacak error

  • $dirty −menyatakan bahwa nilai telah berubah.
  • $invalid − menyatakan bahwa nilai telah berubah.
  • $error − menyatakan kesalahan yang sebenarnya.

 

Contoh
Contoh berikut akan menampilkan semua arahan yang disebutkan di atas.

.testAngularJS.htm

Oke sekarang kita akan melihat outputnya.
Buka testAngularJS.htm di browser web. Lihat hasilnya. Oke semoga bermanfaat.