logo

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

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

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

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

من خلال JavaScript، يمكننا التحقق من صحة الاسم وكلمة المرور والبريد الإلكتروني والتاريخ وأرقام الهواتف المحمولة والمزيد من الحقول.


مثال للتحقق من صحة نموذج جافا سكريبت

في هذا المثال، سنقوم بالتحقق من صحة الاسم وكلمة المرور. لا يمكن أن يكون الاسم فارغًا ولا يمكن أن تكون كلمة المرور أقل من 6 أحرف.

أشكال عادية

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

 function validateform(){ var name=document.myform.name.value; var password=document.myform.password.value; if (name==null || name==&apos;&apos;){ alert(&apos;Name can&apos;t be blank&apos;); return false; }else if(password.length<6){ 6 alert('password must be at least characters long.'); return false; } name: <br> Password: <br> </6){>
اختبره الآن

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

 function matchpass(){ var firstpassword=document.f1.password.value; var secondpassword=document.f1.password2.value; if(firstpassword==secondpassword){ return true; } else{ alert(&apos;password must be same!&apos;); return false; } } Password: <br> Re-enter Password: <br> 
اختبره الآن

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

دعونا نتحقق من صحة الحقل النصي للقيمة الرقمية فقط. هنا، نستخدم الدالة isNaN().

 function validate(){ var num=document.myform.num.value; if (isNaN(num)){ document.getElementById(&apos;numloc&apos;).innerHTML=&apos;Enter Numeric value only&apos;; return false; }else{ return true; } } Number: <span id="numloc"></span> <br> 
اختبره الآن

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

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

 function validate(){ var name=document.f1.name.value; var password=document.f1.password.value; var status=false; if(name.length<1){ document.getelementbyid('nameloc').innerhtml="  Please enter your name" ; status="false;" }else{ } if(password.length<6){ document.getelementbyid('passwordloc').innerhtml="  Password must be at least 6 char long" return status; <table class="table"> <tr><td>Enter Name:</td><td> <span id="nameloc"></span></td></tr> <tr><td>Enter Password:</td><td> <span id="passwordloc"></span></td></tr> <tr><td></td></tr>  </1){>
اختبره الآن

انتاج:

أدخل الاسم:
أدخل كلمة المرور:

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

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

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

  • يجب أن يحتوي معرف البريد الإلكتروني على @ و . شخصية
  • يجب أن يكون هناك حرف واحد على الأقل قبل وبعد @.
  • يجب أن يكون هناك حرفين على الأقل بعد . (نقطة).

دعونا نرى المثال البسيط للتحقق من صحة حقل البريد الإلكتروني.

 function validateemail() { var x=document.myform.email.value; var atposition=x.indexOf(&apos;@&apos;); var dotposition=x.lastIndexOf(&apos;.&apos;); if (atposition<1 || dotposition="x.length){" alert('please enter a valid e-mail address 
 atpostion:'+atposition+'
 dotposition:'+dotposition); return false; } email: <br> </1>
اختبره الآن