حاليًا ، تتم مواجهة مشكلة مثيرة للاشمئزاز للغاية في تطوير مشروع. لقد أدخلت في الأصل اسم المستخدم وكلمة المرور في واجهة تسجيل الدخول وقمت بتسجيل الدخول. بعد الاختيار لتذكر كلمة المرور ، سيتم ملء اسم المستخدم وكلمة المرور في واجهة تسجيل الدخول في صفحة المحتوى في صفحة المحتوى. تريد صفحة المحتوى إنشاء حساب فرعي جديد ، وهو أمر مثير للاشمئزاز حقًا.
بالطبع ، لن يحدث هذا تحت المتصفحات المتطورة مثل Firefox أو IE8 أو أعلى. المشكلة هي 360! ترقى إلى مستوى التوقعات ، لقد مر هذا الصاعد بالمحاولات التالية:
الأول: إلغاء كلمة المرور التلقائية في المتصفح.
لسوء الحظ ، هذا الشيء ليس لديه استجابة لـ 360. لعنة ، فشلت المحاولة الأولى! (بالطبع ، حتى لو كان الأمر ساري المفعول ، كمطور ، لا يمكنك السماح لجميع المستخدمين بتنفيذ هذا الإجراء!)
النوع الثاني: أضف سمة الإكمال التلقائي = "OFF" إلى الإدخال بحيث لا تكتب تلقائيًا اسم المستخدم وكلمة المرور.
لسوء الحظ ، هذا الشيء محصن أيضًا من 360 ، اللعنة عليه!
النوع الثالث: تعديل سمة نوع الإدخال ديناميكيًا من خلال JS:
<type type = "text" id = "password" onfocus = "this.type = 'password'" />
هذه المرة ، تم عرض كلمة المرور التي تم إدخالها مباشرة تحت 360 ، مما يعني أنه لم يتم تنفيذ تلك الموجودة في Onfocus. لقد قمت بنقطة قصيرة ونفذتها أدناه. لقد وجدت أن jquery أبلغت عن خطأ. لا يمكن تغيير خاصية نوع الاستثناء غير المطلوبة. لسوء الحظ ، لا يتم دعم تعديل النوع بموجب IE.
النوع الرابع: نظرًا لأنه لا يمكنك فعل ذلك ، يمكنك فقط تنفيذ وسائل غير عادية. إذا لم تسمح لي بالتغيير ، فلن أتغير. سأخفيك ولدي خدعة!
نسخة الكود كما يلي:
$ (function () {
$ ("#pwd"). Focus (function () {
$ (هذا) .hide () ؛
$ ("#password"). val (""). show ().
}) ؛
$ ("#password"). Blur (function () {
$ (this) .show ().
$ ("#pwd"). Hide () ؛
}) ؛
$ ("#un"). Focus (function () {
$ (هذا) .hide () ؛
$ ("#username"). val (""). show ().
}) ؛
$ ("#username"). Blur (function () {
$ (this) .show ().
$ ("#un"). Hide () ؛
}) ؛
}) ؛
ملاحظة: قم بتعيين لون الخلفية على #FFF لأن 360 سيعطي خلفية صفراء افتراضيًا.
استخدم مربع إدخال مع معرف وليس اسم المستخدم وكلمة المرور على التوالي. تم تعيين النمط على نفسه. عندما نضغط على الإدخال المزيف ، دع الشاشة الحقيقية.
نسخة الكود كما يلي:
<input id = "un" maxLength = "26" type = "text" />
<input id = "username" name = "user.username" maxLength = "26" style = "display: none ؛" اكتب = "نص" />
<input id = "pwd" maxLength = "20" type = "text" />
<input id = "password" name = "user.password" maxLength = "20" style = "display: none ؛" اكتب = "كلمة المرور" />
تم الانتهاء من المهمة!