Bagaimana untuk Melaksanakan Pengesahan Bahagian Pelayan untuk Kotak Teks Dinamik dalam Jadual?

Tetapkan Pengesahan Kelas untuk Kotak Teks Dinamik dalam Jadual

Masalah:

Sesuatu jadual mengandungi deretan kotak teks dinamik, tetapi pengesahan kelas perlu digunakan pada setiap kotak teks untuk bahagian pelayan pengesahan.

Penyelesaian:

Atribut val data yang diperlukan untuk pemegang tempat mesej pengesahan dan pengesahan tiada dalam kotak teks dinamik. Begini cara untuk melaksanakannya:

1. Tambah Atribut Pengesahan dan Pemegang Tempat:

Dalam paparan, tambahkan atribut data-val dan elemen pemegang tempat yang sepadan untuk memaparkan mesej pengesahan:

@Html.TextBoxFor(m => m.TargetInfo[i].TargetColor_U, new { id = "", @class = "form-control" })
@Html.ValidationMessageFor(m => m.TargetInfo[i].TargetColor_U)

2. Sertakan Pemegang Tempat untuk Baki Kotak Teks:

Jika belum ada, tambahkan atribut data-val dan pemegang tempat mesej pengesahan untuk kotak teks yang tinggal.

3. Ubah Baris Dinamik:

Dalam skrip, klon baris templat dengan ruang letak (# untuk pengindeks) dan isikannya dengan data sebenar:

var clone = newrow.clone(); // clone the new row
clone.html($(clone).html().replace(/#/g, index)); // update the indexer of the clone

4. Sisipkan Baris Baharu dan Pengesahan Ulangan:

Masukkan baris baharu ke dalam jadual dan susun semula pengesahan untuk menerapkannya pada kotak teks dinamik:

tablebody.append(row); // add the new row to the table
form.data('validator', null);
$.validator.unobtrusive.parse(form);

Nota Tambahan:

• Gunakan CSS dan bukannya gaya sebaris untuk penggayaan meja.
• Pertimbangkan untuk menggunakan pembantu BeginCollectionItem dengan pandangan separa untuk kebolehselenggaraan.

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