Cara Menetapkan Atribut Diperlukan HTML5 Secara Dinamik Menggunakan Javascript

Menetapkan Atribut Diperlukan HTML5 Secara Dinamik Menggunakan Javascript

Untuk menetapkan atribut yang diperlukan secara dinamik dalam HTML5 menggunakan Javascript, ikut langkah di bawah:

Gambaran Keseluruhan Isu

Percubaan untuk menetapkan atribut yang diperlukan menggunakan sintaks W3C yang disyorkan:

document.getElementById("edName").attributes["required"] = "";

tidak mencetuskan semakan pengesahan.

Cara yang Betul untuk Menetapkan Atribut Boolean Pengesahan HTML5

Cara yang betul untuk menetapkan atribut boolean pengesahan HTML5 adalah dengan menggunakan sifat element.required.

Contohnya:

document.getElementById("edName").required = true;

di mana edName ialah ID elemen input.

Memahami Nilai Atribut

Dalam HTML5, atribut boolean boleh ditakrifkan sama ada dengan:

• Membiarkan atribut kosong: required=""
• Menggunakan nama kanonik atribut: required="required"

Walau bagaimanapun , apabila atribut yang diperlukan ditakrifkan dalam penanda, nilai atribut itu bukan daripada pilihan ini:

edName.attributes.required = [object Attr]

Ini kerana yang diperlukan ialah sifat yang dicerminkan, serupa dengan id, nama dan jenis.

Sifat Terpantul

Sifat terpantul ialah sifat yang wujud pada objek unsur itu sendiri. Menetapkan nilai sifat yang dicerminkan mengemas kini atribut yang sepadan dalam HTML.

Oleh itu, dua kaedah berikut adalah setara:

Menggunakan sifat penetap:

element.required = true;

Menggunakan setAttribute:

element.setAttribute("required", "");

Untuk mengosongkan harta yang dicerminkan, gunakan removeAttribute:

element.removeAttribute("required");

Atas ialah kandungan terperinci Cara Menetapkan Atribut Diperlukan HTML5 Secara Dinamik Menggunakan Javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!