هل يمكنني التحقق من صحة كلمة السر في جافاسكريبت كمطور واجهات أمامية؟

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

• التحقق من صحة صيغة البريد الإلكتروني
• التحقق من خلو كلمة السر من محارف غير مسموحة ضمن تطبيقك مثلًا
• التحقق من الطول الصحيح لكلمة السر
• تجميع القيم المدخلة من الحقول وإنشاء طلب وإرساله إلى الخادم بطريقة AJAX
• الاستماع إلى جواب الخادم ونشر رسائل الخطأ الواردة وعرضها ضمن الصفحة بشكل صحيح للمستخدم

كما تلاحظ كل تلك العمليات هي بطرف العميل أي ضمن الصفحة فقط، وأي معلومات خارجية مثل التي في قاعدة البيانات لا يمكنك الوصول إليها من جافاسكريبت من صفحة العميل، بل هي من مهام النظام الخلفي Back-end مثل عملية التحقق من صحة كلمة السر وتطابقها،

نعم تستطيع عمل صفحة Login باستخدام js لكن موضوع التحقق من كلمة السر وحتى تسجيل الدخول فإنه يحتاج إلى ربط الصفحة بـ API وذلك لأنك لا تستطيع الوصول لقاعدة البيانات من خلال الـ Frontend.

ليس من عمل مبرمج ال Frontend التحقق من صحة كلمة السر.

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

مثال: 

myForm.addEventListener('submit' ,function(e){
   
    e.preventDefault();

    var data = new FormData(this);
    
    // التحقق من احتواءها على 6 محارف على الاقل 
    if(data['password'].length < 6) {alert('error'); return;}
  
  
    // شيفرة ارسال الطلب تاليا
})

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