التحقق من صحة JavaScript: كل ما تحتاج لمعرفته حول التحقق من صحة النماذج والبريد الإلكتروني

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

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

ما هو JavaScript؟

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





جافا سكريبت - التحقق من صحة جافا سكريبت - edureka

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



ميزات JavaScript:

  • إنها لغة برمجة وليس لها علاقة بها . في البداية ، تم تسميته موكا ، ثم تغيرت إلى ليف سكريبت وأخيرًا تم تسميته باسم جافا سكريبت .

  • جافا سكريبت هو ملف الكائن لغة برمجة تدعم تعدد الأشكال ، والتغليف ، والوراثة أيضًا.



  • يمكنك تشغيل JavaScript ليس فقط في ملف المتصفح ولكن أيضا على الخادم وأي جهاز يحتوي على محرك JavaScript.

وظائف JavaScript

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

يتكون تعريف الوظيفة من الكلمة الأساسية للوظيفة ، متبوعة بـ:

  • ال اسم من الوظيفة.

  • قائمة المعلمات للدالة ، محاطًا بأقواس ومفصول بفواصل.

  • جافا سكريبت صياغات التي تحدد الوظيفة ، محاطة بأقواس متعرجة ، {}.

لنأخذ مثالاً ونرى كيفية تحديد وظيفة مسماة أضف :

الوظيفة add (a، b) {return a + b}

الآن ، للتحقق من صحة مستخدم ، يتم استخدام وظيفة التحقق. لذلك دعونا نمضي قدمًا ونتعرف على المزيد حول التحقق من صحة جافا سكريبت.

ما هو المصادقة؟

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

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

دعنا الآن ننتقل إلى مقالة التحقق من صحة جافا سكريبت ونلقي نظرة على مثال التحقق من صحة النموذج.

التحقق من صحة JavaScript: مثال

المثال التالي هو رمز في HTML و CSS و JavaScript للتحقق من صحة نموذج حيث:

  1. لغة البرمجة يستخدم ل خلق النموذج.
  2. جافا سكريبت يستخدم ل التحقق من صحة النموذج.

FormValidation.html

التحقق من صحة النموذج / ** /
كلمه السر:
 

سيعطي هذا الناتج التالي:

الآن ، تحتاج إلى إنشاء ملف آخر إعادة توجيه الصفحة إلى صفحة جديدة بعد النقر إرسال زر.

Text.html

التحقق من صحة النموذج / ** /

سيعيد التوجيه إلى صفحة أخرى ويعطي ما يلي انتاج :

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

function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('الاسم لا يمكن أن يكون فارغًا' ) return false} وإلا إذا (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } 

سيؤدي هذا إلى ظهور ما يلي إنذار عندما حقل الاسم ترك فارغًا:

بعد ذلك ، إذا قمت بإدخال الاسم وتركت ملف حقل كلمة المرور فارغة ، سوف تظهر ما يلي إنذار :

بمجرد إضافة الاسم وكلمة المرور بالتنسيق الصحيح ، ستتم إعادة توجيه هذه الصفحة إلى صفحة Text.html الخاصة بـ الإخراج النهائي.

الكود الكامل لـ التحقق من صحة النموذج كالتالي:

وظيفة التحقق من صحة النموذج Validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Name لا يمكن أن يكون blank ') إرجاع false} وإلا إذا (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } كلمه السر: 

كان هذا مثالاً على التحقق من صحة النموذج في JavaScript. يمكننا أيضًا التحقق من صحة معرف البريد الإلكتروني وكلمة المرور ورقم الهاتف المحمول. و أكثر من ذلك بكثير.

ansible مقابل puppet vs chef

لذا ، لنأخذ مثالاً آخر ونرى كيفية التحقق عنوان الايميل باستخدام JavaScript.

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

Email.html

الوظيفة ValidateEmail (inputText) {var mailformat = / ^w+([.-]؟w+)*@w+([.-]؟w+)*(.w{2،3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ('لقد أدخلت عنوان بريد إلكتروني غير صالح!') document.form1.text1.focus () return false}}

انتاج |

بهذا نكون قد وصلنا إلى نهاية مقالة التحقق من صحة JavaScript. آمل أن تكون قد وجدت هذه المدونة مفيدة واكتسبت فهمًا أساسيًا للتحقق من صحة JavaScript.

أيضًا ، لا تنس التحقق من ملف بواسطة Edureka . لديك سؤال لنا؟ يرجى ذكر ذلك في قسم التعليقات في 'التحقق من صحة JavaScript' وسنقوم بالرد عليك.