Saat ini, masalah yang sangat menjijikkan ditemukan dalam mengembangkan proyek. Saya awalnya memasukkan nama pengguna dan kata sandi di antarmuka login dan masuk. Setelah memilih untuk mengingat kata sandi, nama pengguna dan kata sandi yang dimasukkan dalam antarmuka login akan diisi di halaman konten di halaman konten. Halaman konten ingin membuat sub-akun baru, yang benar-benar menjijikkan.
Tentu saja, ini tidak akan terjadi di bawah browser kelas atas seperti Firefox, IE8 atau di atas. Masalahnya adalah 360! Hidup sesuai harapan, pemula ini telah melalui upaya berikut:
Yang pertama: Batalkan kata sandi otomatis di browser.
Sayangnya, hal ini tidak memiliki tanggapan terhadap 360. Sial, upaya pertama gagal! (Tentu saja, bahkan jika itu berlaku, sebagai pengembang, Anda tidak dapat membiarkan semua pengguna mengambil tindakan ini!)
Tipe kedua: Tambahkan atribut autoComplete = "off" ke input sehingga tidak secara otomatis menulis nama pengguna dan kata sandi.
Sayangnya, hal ini juga kebal terhadap 360, sial!
Tipe ketiga: secara dinamis memodifikasi atribut tipe input melalui JS:
<input type = "text" id = "password" onfocus = "this.type = 'password'" />
Kali ini, kata sandi yang dimasukkan ditampilkan langsung di bawah 360, yang berarti bahwa yang ada di Onfocus tidak dieksekusi. Saya membuat poin pendek dan mengeksekusi di bawah ini. Saya menemukan bahwa jQuery melaporkan kesalahan. Properti tipe pengecualian yang tidak dapat diubah tidak dapat diubah kesalahan. Sayangnya, modifikasi jenis tidak didukung di bawah IE.
Tipe Keempat: Karena Anda tidak dapat melakukannya, Anda hanya dapat menerapkan cara yang luar biasa. Jika Anda tidak membiarkan saya berubah, maka saya tidak akan berubah. Aku akan menyembunyikanmu dan punya trik!
Salinan kode adalah sebagai berikut:
$ (function () {
$ ("#Pwd"). Focus (function () {
$ (ini) .hide ();
$ ("#password"). Val (""). Show (). CSS ("BackgroundColor", "#ffff"). Focus ();
});
$ ("#password"). blur (function () {
$ (ini) .show (). CSS ("BackgroundColor", "#fff");
$ ("#Pwd"). Hide ();
});
$ ("#Un"). Focus (function () {
$ (ini) .hide ();
$ ("#username"). Val (""). Show (). CSS ("BackgroundColor", "#ffff"). Focus ();
});
$ ("#username"). blur (function () {
$ (ini) .show (). CSS ("BackgroundColor", "#fff");
$ ("#Un"). Hide ();
});
});
CATATAN: Atur latar belakang-warna ke #FFF karena 360 akan memberikan latar belakang kuning secara default.
Gunakan kotak input dengan ID tidak masing -masing nama pengguna dan kata sandi. Gaya diatur ke tempat yang sama. Saat kami mengklik input palsu, biarkan tampilan yang sebenarnya.
Salinan kode adalah sebagai berikut:
<input id = "un" maxlength = "26" type = "text" />
<input id = "nama pengguna" name = "user.username" maxlength = "26" style = "display: none;" type = "text" />
<input id = "pwd" maxlength = "20" type = "text" />
<input id = "kata sandi" name = "user.password" maxlength = "20" style = "display: none;" type = "password" />
Misi selesai!