![]() |
[ jquery ] اظهار كلمة السر واخفائها بواسطه checkbox jquery بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته اللهم صلّ وسلم على سيدنا عليه افضل الصلاة والسلام فكرة جميله وبسيطه في نفس الوقت وهي : عند انشاء فورم تسجيل الدخول يمكنك اضافة خاصيه بجنب حقل باسورد وهي اظهار كلمة السر للمستخدم واخفائها عند الكتابه . http://upload.traidnt.net/upfiles/KI410358.png عدنا فورم الكود الي فيه هو : رمز Code: اجعلها مرئية حقل بريد الكتروني يحمل ايدي باسم email ونوع text حقل باسورد يحمل ايدي بأسم password ونوع password الملخص : عند الضغط على خانة checkbox سيعمل الأتي بالجكويري رمز Code: اولا يعمل حدث اذا تم الضغط على حقل checkbox يعمل متغير بأسم isChecked وبه يتم فحص checkbox اذا عليه علامة صح او لا عند طريق دالة prop وبارمتر checked للمزيد عن دالة prop .prop() | jQuery API Documentation الان نعمل علامة شرطيه if statement والعلامه هو محتوى المتغير الي عملناه في الشرط الاول اذا تم الضغط على علامة صح نقوم بتغير type من password الى text عن طريق دالة attr واذا ماعملنا صح نرجع للسابق . للمزيد عن دالة attr https://api.jquery.com/attr/ الكود جداً بسيط وهو بالمرفقات تحياتي وتقديري لكم المطور محمد الحسيني الملف في المرفقات الملفات المرفقة http://www.traidnt.net/vb/images/attach/zip.gif login-form.zip (1,012 بايت) |
الساعة الآن 08:24 AM |
Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.5.2 TranZ By
Almuhajir