Menetapkan Atribut yang Diperlukan dalam Javascript
Dalam pembangunan web, menetapkan atribut pengesahan medan borang secara dinamik melalui Javascript boleh meningkatkan pengalaman pengguna. Satu atribut sedemikian ialah atribut "diperlukan", yang memastikan bahawa input pengguna adalah penting sebelum menyerahkan borang. Dengan menetapkan atribut dalam Javascript, anda boleh memberikan pengalaman bentuk yang lebih intuitif dan mesra pengguna.
Mentakrifkan Atribut Yang Diperlukan
Atribut yang diperlukan HTML5 ialah atribut Boolean , bermakna ia boleh sama ada benar atau salah. Apabila elemen mempunyai atribut yang diperlukan ditetapkan kepada benar, ia menunjukkan bahawa nilai elemen adalah wajib dan mesti diisi sebelum borang boleh diserahkan.
Menetapkan Atribut yang Diperlukan dalam Javascript
Sintaks HTML5 W3C yang disyorkan untuk menetapkan atribut boolean adalah melalui sifat atribut, seperti yang ditunjukkan di bawah:
document.getElementById("edName").attributes["required"] = "";
Walau bagaimanapun, dalam kes ini, penyerahan masih berlaku tanpa pengesahan. Ini kerana kaedah yang betul untuk menetapkan atribut yang diperlukan dalam Javascript adalah melalui sifat yang dicerminkan:
element.required = true;
Pembolehubah elemen mewakili elemen DOM input sebenar yang anda ingin jadikan diperlukan. Contohnya:
document.getElementById("edName").required = true;
Nilai Palsu untuk Atribut Boolean
Untuk menetapkan atribut yang diperlukan kepada palsu, mengalih keluarnya sepenuhnya daripada elemen adalah perlu:
element.removeAttribute("required");
Menyemak Nilai Atribut
Apabila atribut yang diperlukan ditakrifkan dalam penanda menggunakan , nilai atribut bukanlah rentetan kosong mahupun kanoniknya nama. Sebaliknya, ia menjadi objek atribut. Untuk mendapatkan nilai atribut, lihat sifat nilainya. Walau bagaimanapun, untuk atribut boolean, nilainya tidak berkaitan; kehadiran atribut (benar) atau ketiadaan (salah) menentukan keadaannya.
Atas ialah kandungan terperinci Bagaimana untuk Menetapkan Atribut Medan Diperlukan Secara Dinamik dengan Javascript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!