ملخص:
هناك الآن شرط كما هو موضح في الشكل. عندما يتحقق المستخدم من خانة الاختيار SHOW PLYTEXT ، يحتاج هو أو هي إلى عرض كلمة المرور التي أدخلها المستخدم في نص عادي. عند إزالة الشيك ، يجب أن يعود إلى النص المشفر. في البداية ، يجب عليه أو هي تعديل نوع مربع الإدخال لتحديد ما إذا كان سيتم عرض النص العادي أو النص المشفر. هو أو هي يستخدم 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 type = "password"> </span> <blabel> <input type = "checkbox" id = "show-password"> show plaintext </balled> <script> $ ('#show-password'). انقر فوق (function () {var inp ، cname ، val ؛ if (this.checked) {INP = $ ('#pass') inp.val () ؛ $ ('#pass'). html ('<<input name = "' '+cname+'" value = "'+val+'" type = "text"> ') ؛} {inp = $ ('#pass '). الأطفال (' input ') ؛ cname = inp.attr (name') ؛ name = "'+cname+'" value = "'+val+'" "type =" password "> ') ؛}}) ؛ </script> </body> </html>تلخيص:
لا تحتوي هذه المقالة على أي محتوى تقني ، لكن هذا النوع من التفاعل لا يزال موجودًا. أنا أفكر بشكل أساسي في قضايا التوافق أدناه IE8. إذا كان لديك هذا النوع من التفاعل في مشروعك ، فيمكنك الرجوع إليه ، أو إذا كان لديك طريقة أفضل لمشاركته معي.