هي خاصية جديدة مُتعلّقة بعناصِر الفُورم(نموذج ارسال البيانات) جائت مع HTML 5 وعند كتابتها داخل عنصر الفورم فهذا يعني أن هذا العنصر لايُترك فارغاً عند ارسال البيانات .. وهي تُطبق على العناصر التي لها الانواع التالية :
text, search, url, tel, email, password, date pickers, number, checkbox, radio, file
امثلة عن كيفية كِتابتها :
<input required><!-- مع سماحيات HTML5 --> <input required="required" /><!-- مع الالتزام بمعايير كتابة الكود -->
إلا أن هذه الخاصية غير مدعومة بعد في متصفح سفاري .. لذا فهي لا تعمل على أجهزة -الآي فون و الاندرويد- عند استخدام المتصفح الاساسي .. لذا يجب على المطور أن يكون حَذراً عند استخدامها في قواعد التحقق من سلامة مدخلات الفورم لانها سوف لن تعمل على متصفح سفاري وبالتالي على نطاق واسع من اجهزة الموبايل وهذا سيؤدي الى إدخالات فارغة الى قاعدة البيانات …
طبعا من البديهي انه يجب علينا دائماً كتابة طبقة تحقق من المدخلات على السيرفر .. ولكن لاننسى مدى سلاسة ونفع ان يكون التحقق على جهاز المستخدم قبل إرسال البيانات الى السرفر .. لذا نقدم لكم هذا الحل البسيط عن طريق الجافا سكريب ومكتبة jQuery وهو حل مثالي جداً لهذه المشكلة :
<script>
$(function(){
$("#FormId").submit(function(e){
var pwww = $(this).find("[required]");
$(pwww).each(function(){
if($(this).val() == "") {
alert("رسالة تنبيه للمستخدم");
$(this).focus();
e.preventDefault();
return false;
}
});
});
});
</script>
