Validasi Praktik Terbaik Untuk Formulir Panjang Dengan Tombol Kirim Dinonaktifkan

1. Harus mengirimkan tombol dinonaktifkan?
2. Adalah tombol dinonaktifkan buruk untuk aksesibilitas?
3. Bagaimana Anda memastikan bahwa kode tombol akan menonaktifkan tombol kirim jika formulir tidak valid?

Harus mengirimkan tombol dinonaktifkan?

Saat merancang UI, hindari menggunakan tombol dinonaktifkan karena sulit untuk mengetahui mengapa itu dinonaktifkan dan apa yang harus dilakukan untuk membuatnya memungkinkan. Lebih baik menjaga tombol diaktifkan sepanjang waktu dan menyoroti bidang jika pengguna tidak memberikan informasi yang diperlukan.

Adalah tombol dinonaktifkan buruk untuk aksesibilitas?

Aksesibilitas yang buruk

Terkadang tombol dinonaktifkan dirancang sedemikian rupa sehingga tidak dapat dibaca oleh pembaca layar (tombol tidak dapat fokus, dan karenanya pengguna tidak dapat mencapainya dengan keyboard). Tidak perlu menjelaskan bahwa pengguna penyandang cacat akan menghadapi masalah dengan perilaku seperti itu.

Bagaimana Anda memastikan bahwa kode tombol akan menonaktifkan tombol kirim jika formulir tidak valid?

Jika nilai kontrol kotak teks tidak valid, kami juga ingin menonaktifkan tombol kirim sehingga pengguna tidak dapat mengirimkan formulir. Kami menggunakan properti "NG-Disabled" untuk kontrol untuk melakukan ini berdasarkan nilai bersyarat dari properti "$ kotor" dan "$ tidak valid" dari kontrol.