Angular Academy · Pelajaran

Pengesahan Tersuai

Laksanakan pengesahan tersuai yang kukuh.

Pelajaran 3 daripada 310 langkah

Pengesahan Tersuai ialah pelajaran Angular Academy percuma di CoddyKit. Ini ialah pelajaran 3 daripada 3. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Angular Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Angular Academy merangkumi sejumlah 3 pelajaran.

Pengesahan Tersuai dalam Borang Angular

Pelajari cara melaksanakan pengesah tersuai untuk memastikan pengesahan borang yang kukuh dalam aplikasi Angular anda.

Apakah Pengesahan Tersuai?

Pengesah tersuai membolehkan anda menentukan logik pengesahan sendiri selain pengesah terbina dalam seperti required atau minlength.

Mencipta Pengesah Tersuai

Pengesah tersuai ialah fungsi ringkas yang mengembalikan null jika sah atau objek jika tidak sah:

function forbiddenNameValidator(control: AbstractControl): { [key: string]: any } | null {
  return control.value === 'admin' ? { 'forbiddenName': true } : null;
}

Menggunakan Pengesah

Gunakan pengesah tersuai pada kawalan borang anda:

this.myForm = new FormGroup({
  username: new FormControl('', [forbiddenNameValidator])
});

Memaparkan Ralat Pengesahan

Paparkan mesej ralat secara bersyarat dalam templat berdasarkan keadaan pengesahan:

<div *ngIf="myForm.get('username').hasError('forbiddenName')">
  Username 'admin' is not allowed.
</div>

Menggunakan Arahan Pengesah

Pengesah juga boleh digunakan secara langsung sebagai arahan untuk borang dipacu templat:

<input name="username" ngModel forbiddenName>

Pengesah Tak Segerak

Pengesah tak segerak membolehkan anda melakukan pengesahan yang melibatkan operasi tak segerak, seperti semakan pelayan:

username: new FormControl('', null, [asyncValidator])

Menguji Pengesah Tersuai

Sentiasa uji pengesah untuk memastikan pengesah berfungsi dengan betul dalam senario dan kes pinggiran yang berbeza.

Ringkasan

Anda telah mempelajari cara membina dan menggunakan pengesah tersuai untuk pengesahan borang yang kukuh dalam Angular. Syabas!

Percuma untuk bermula

Pelajari HTML dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 38
Pelajaran: 144

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Pengesahan Tersuai” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Angular Academy, termasuk “Pengesahan Tersuai”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Angular Academy merangkumi sejumlah 3 pelajaran.

Apakah yang akan saya pelajari dalam “Pengesahan Tersuai”?

Laksanakan pengesahan tersuai yang kukuh. Anda berlatih Angular Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Angular Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Angular Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 3 daripada 3.

Berapa lamakah pelajaran “Pengesahan Tersuai” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Angular Academy ini?

Ya. Setiap pelajaran Angular Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

← Kembali ke Angular Academy