شرح صفوف ومحتوى الفقرة
form validation هي عملية التحقق من وجود بيانات صحيحة داخل كل <input>.
يتم عمل form validation على 3 خطوات:
- اولا نضيف كلاس was-validated الى عنصر <form>.
- ثانيا نقوم بانشاء عنصر داخل <form> على سبيل المثال <div> وبداخله الرسالة التي ستظهر للمستخدم في حال كان <input> فارغا او يحتوي على نوع بيانات غير مطابقة لعنصر <input>, ونضيف له كلاس invalid-feedback.
- ثالثا نقوم بانشاء عنصر اخر بداخله الرسالة التي تظهر عند ملئ عنصر <input> ببيانات صحيحة, ونضيف له كلاس valid-feedback.
الإرسال في هذه المعاينة تجربة محلية؛ لا تُرسل البيانات إلى خادم.
جرّب بنفسكForm Validation
التحقق من البيانات المدخلة في form inputs.
HTML
<form action="/action_page.php" class="was-validated">
<div>
<label for="uname">Username:</label>
<input type="text" class="form-control" id="uname" placeholder="Enter username" name="uname" required>
<div class="valid-feedback">Valid.</div>
<div class="invalid-feedback">Please fill out this field.</div>
</div>
</form>