logo

تأكيد التحقق من صحة كلمة المرور في JavaScript

في هذا الفصل، سنناقش التحقق من صحة كلمة المرور باستخدام JavaScript. نحتاج إلى التحقق من صحة كلمة المرور في كل مرة يقوم فيها المستخدم بإنشاء حساب على أي موقع ويب أو تطبيق. لذلك، يتعين علينا التحقق من كلمة المرور الصالحة وكذلك وضع تأكيد التحقق من صحة كلمة المرور. للحصول على كلمة مرور صالحة، يجب أن تحتوي على المعلمات التالية لتكون صالحة -

  • يجب أن تكون كلمة المرور أبجدية رقمية.
  • يجب أن يكون الحرف الأول من كلمة المرور كبيرًا.
  • يجب أن تحتوي كلمة المرور على حرف خاص (@، $، !، &، إلخ).
  • يجب أن يكون طول كلمة المرور أكبر من 8 أحرف.
  • ومن أهمها أن حقول كلمة المرور يجب ألا تكون فارغة.

عندما يقوم المستخدم بإنشاء كلمة مرور، يكون هناك دائمًا حقل آخر لتأكيد كلمة المرور. يتحقق من أن كلمة المرور التي أدخلها المستخدم هي نفس حقول تأكيد كلمة المرور هذه. لإنشاء كلمة مرور صالحة، يجب مطابقة كل من قيمة حقلي كلمة المرور وتأكيد كلمة المرور.

أولاً، سوف نتحقق من وجود كلمة مرور صالحة ثم نؤكد عمليات التحقق من صحة كلمة المرور.

التحقق من صحة كلمة المرور الصالحة

في هذا المثال، سوف نتحقق من أن كلمة المرور التي أنشأها المستخدم صالحة أم لا ومطابقتها لجميع المعلمات التي تمت مناقشتها أعلاه. انظر الرمز أدناه للتحقق من كلمة المرور.

رمز النسخ

جافا متساوية
 Verification of valid Password function verifyPassword() { var pw = document.getElementById(&apos;pswd&apos;).value; //check empty password field if(pw == &apos;&apos;) { document.getElementById(&apos;message&apos;).innerHTML = &apos;**Fill the password please!&apos;; return false; } //minimum password length validation if(pw.length 15) { document.getElementById(&apos;message&apos;).innerHTML = &apos;**Password length must not exceed 15 characters&apos;; return false; } else { alert(&apos;Password is correct&apos;); } } <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

تأكيد التحقق من صحة كلمة المرور في JavaScript

عندما تنقر على نعم الموجود داخل مربع التنبيه، فإنه سينتقل إلى مخرج HTML بسيط حيث سيعرض رسالة تم إرسال بيانات النموذج بنجاح .

لقطة الشاشة 2

MySQL غادر الانضمام
تأكيد التحقق من صحة كلمة المرور في JavaScript

الإخراج على تقديم إدخالات خاطئة

في حالة إدخال قيمة خاطئة أو ترك أي حقل مطلوب فارغًا، فسيتم عرض خطأ على يمين مربع الإدخال. ستظهر هذه الأخطاء واحدًا تلو الآخر بعد التحقق من الصحة مع كل نقرة على يُقدِّم زر. انظر الأخطاء في لقطة الشاشة أدناه:

تأكيد التحقق من صحة كلمة المرور في JavaScript

للتأكد من أن جميع عمليات التحقق من الصحة تعمل بشكل صحيح أم لا، انسخ التعليمات البرمجية وقم بتنفيذها في مترجم JavaScript الخاص بك.