في هذا الفصل، سنناقش التحقق من صحة كلمة المرور باستخدام JavaScript. نحتاج إلى التحقق من صحة كلمة المرور في كل مرة يقوم فيها المستخدم بإنشاء حساب على أي موقع ويب أو تطبيق. لذلك، يتعين علينا التحقق من كلمة المرور الصالحة وكذلك وضع تأكيد التحقق من صحة كلمة المرور. للحصول على كلمة مرور صالحة، يجب أن تحتوي على المعلمات التالية لتكون صالحة -
- يجب أن تكون كلمة المرور أبجدية رقمية.
- يجب أن يكون الحرف الأول من كلمة المرور كبيرًا.
- يجب أن تحتوي كلمة المرور على حرف خاص (@، $، !، &، إلخ).
- يجب أن يكون طول كلمة المرور أكبر من 8 أحرف.
- ومن أهمها أن حقول كلمة المرور يجب ألا تكون فارغة.
عندما يقوم المستخدم بإنشاء كلمة مرور، يكون هناك دائمًا حقل آخر لتأكيد كلمة المرور. يتحقق من أن كلمة المرور التي أدخلها المستخدم هي نفس حقول تأكيد كلمة المرور هذه. لإنشاء كلمة مرور صالحة، يجب مطابقة كل من قيمة حقلي كلمة المرور وتأكيد كلمة المرور.
أولاً، سوف نتحقق من وجود كلمة مرور صالحة ثم نؤكد عمليات التحقق من صحة كلمة المرور.
التحقق من صحة كلمة المرور الصالحة
في هذا المثال، سوف نتحقق من أن كلمة المرور التي أنشأها المستخدم صالحة أم لا ومطابقتها لجميع المعلمات التي تمت مناقشتها أعلاه. انظر الرمز أدناه للتحقق من كلمة المرور.
رمز النسخ
جافا متساوية
Verification of valid Password function verifyPassword() { var pw = document.getElementById('pswd').value; //check empty password field if(pw == '') { document.getElementById('message').innerHTML = '**Fill the password please!'; return false; } //minimum password length validation if(pw.length 15) { document.getElementById('message').innerHTML = '**Password length must not exceed 15 characters'; return false; } else { alert('Password is correct'); } } <h3> Verify valid password Example </h3> <td> Full Name* </td> <span id="blankMsg"> </span> <br> <br> <td> Last Name </td> <span id="charMsg"> </span> <br> <br> <td> Create Password* </td> <span id="message1"> </span> <br> <br> <td> Confirm Password* </td> <span id="message2"> </span> <br> <br> Resetاختبره الآن
انتاج |
سيظهر نموذج HTML على الويب عن طريق تنفيذ الكود أعلاه. هنا، قم بتوفير البيانات في الحقول النصية وانقر على زر إرسال للمعالجة. وفقًا لعمليات التحقق من الصحة، إذا كانت البيانات صحيحة، فسينبثق مربع تنبيه برسالة: تم إنشاء كلمة المرور الخاصة بك بنجاح. هنا عند الضغط على نعم زر، وسوف يستغرق إلى إخراج آخر.
لقطة الشاشة 1
عندما تنقر على نعم الموجود داخل مربع التنبيه، فإنه سينتقل إلى مخرج HTML بسيط حيث سيعرض رسالة تم إرسال بيانات النموذج بنجاح .
لقطة الشاشة 2
MySQL غادر الانضمام
الإخراج على تقديم إدخالات خاطئة
في حالة إدخال قيمة خاطئة أو ترك أي حقل مطلوب فارغًا، فسيتم عرض خطأ على يمين مربع الإدخال. ستظهر هذه الأخطاء واحدًا تلو الآخر بعد التحقق من الصحة مع كل نقرة على يُقدِّم زر. انظر الأخطاء في لقطة الشاشة أدناه:
للتأكد من أن جميع عمليات التحقق من الصحة تعمل بشكل صحيح أم لا، انسخ التعليمات البرمجية وقم بتنفيذها في مترجم JavaScript الخاص بك.