สรุป:
ขณะนี้มีข้อกำหนดดังที่แสดงในรูป เมื่อผู้ใช้ตรวจสอบช่องทำเครื่องหมาย SHOW PlainText เขาหรือเธอจำเป็นต้องแสดงรหัสผ่านที่ผู้ใช้ป้อนใน PlainText เมื่อการตรวจสอบถูกลบออกเขาหรือเธอควรหันกลับไปที่ ciphertext ในตอนแรกเขาหรือเธอควรแก้ไขประเภทของกล่องอินพุตเพื่อตัดสินใจว่าจะแสดงข้อความธรรมดาหรือ ciphertext เขาหรือเธอใช้ attr ของ jQuery เพื่อทำการทดลอง ผลการทดสอบคือ Chrome, Firefox และ IE9+และจะมีการรายงานข้อผิดพลาดด้านล่าง IE8 ฉันพบเหตุผล ไม่ได้รับอนุญาตให้แก้ไขแอตทริบิวต์ประเภทของอินพุตใน IE8 และในที่สุดฉันก็มีความคิดที่แตกต่างกันในการใช้งาน
เมื่อตรวจสอบการแสดงผลแบบธรรมดากล่องอินพุตจะถูกแทนที่ด้วย type = "text" เมื่อไม่มีการตรวจสอบกล่องอินพุตรหัสจะมีดังนี้:
<! doctype html> <html> <head> <title> </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"> <script src = "jQuery.min.js"> </script> type = "รหัสผ่าน"> </span> <label> <อินพุต type = "ช่องทำเครื่องหมาย" id = "show-password"> แสดง plaintext </label> <script> $ ('#show-password') คลิก (ฟังก์ชั่น () {var inp, cname, val; if inp.val (); $ ('#pass'). html ('<input name = "'+cname+'" value = "'+val+'" type = "text">');} else {inp = $ ('#pass') name = "'+cname+'" value = "'+val+'" type = "รหัสผ่าน"> ');}}); </script> </body> </html>สรุป:
บทความนี้ไม่มีเนื้อหาทางเทคนิคใด ๆ แต่การโต้ตอบแบบนี้ยังคงมีอยู่ ฉันพิจารณาปัญหาความเข้ากันได้ส่วนใหญ่ด้านล่าง IE8 หากคุณมีปฏิสัมพันธ์แบบนี้ในโครงการของคุณคุณสามารถอ้างอิงได้หรือถ้าคุณมีวิธีที่ดีกว่าในการแบ่งปันกับฉัน