Bagaimana untuk Menetapkan Kelas Pengesahan untuk Kotak Teks Dinamik dalam Jadual?

Tetapkan Kelas Pengesahan untuk Kotak Teks Dinamik dalam Jadual

Isu ini timbul apabila mencipta jadual yang mengandungi deretan kotak teks dinamik dan matlamat adalah untuk menambah kelas pengesahan pada semua kotak teks.

Kod asal cuba menggunakan jQuery untuk menambah input.input-validation-error kelas kepada semua kotak teks di dalam jadual, tetapi ia gagal menggunakan kelas dengan betul. Untuk menyelesaikan masalah ini, penyelesaiannya melibatkan:

1. Menambah Atribut Data-Val pada Kotak Teks:

Untuk memastikan pengesahan pihak pelanggan yang lancar, adalah penting untuk memasukkan atribut data-val yang diperlukan pada kotak teks dan elemen pemegang tempat untuk memaparkan mesej pengesahan. Ini membolehkan jquery.validate.unobtrusive.js melakukan pengesahan pihak klien.

2. Menyediakan Objek ClsTargetInfo Lalai:

Mulakan sifat TargetInfo dengan objek ClsTargetInfo lalai. Perwakilan HTML objek ini akan dijana dalam paparan.

3. Mengubah suai HTML untuk Baris Dinamik:

Dalam HTML, alih keluar atribut id yang tidak diperlukan daripada kotak teks dan tambah elemen pemegang tempat untuk mesej pengesahan. Selain itu, pastikan anda memasukkan input tersembunyi untuk pengindeks untuk membenarkan pengindeksan tidak berturut-turut.

4. Menjana HTML Baris Baharu:

Buat elemen tersembunyi di luar teg borang dan salin HTML untuk baris dinamik ke dalamnya. Gantikan semua tika pengindeks dengan aksara tiruan dan kemas kini nilai input tersembunyi agar sepadan dengan aksara tiruan.

5. JavaScript untuk Menambah Baris Baharu:

Kemas kini JavaScript untuk mengklon baris baharu, menggantikan watak pengindeks tiruan dengan pengindeks unik, dan kemudian tambahkan baris baharu. Jangan lupa untuk menguraikan semula pengesah selepas menambah baris baharu untuk mengaktifkan pengesahan sisi klien.

6. Nota Tambahan:

• Lebih suka menggunakan CSS untuk penggayaan dan bukannya gaya sebaris.
• Pertimbangkan untuk menggunakan input tersembunyi untuk pengindeksan dan bukannya butang padam.
• Gunakan BeginCollectionItem pembantu untuk kebolehselenggaraan yang lebih baik.

Atas ialah kandungan terperinci Bagaimana untuk Menetapkan Kelas Pengesahan untuk Kotak Teks Dinamik dalam Jadual?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!