Planet WWW

نرحب بكم في الاوقات التالية


الاثنين - الجمعة : 10:00 صباحاً حتى 6:00 مساءاً

السبت : 10:00 صباحاً حتى 2:00 ظهراً

الاحد عطلة

الخاصية الجديدة required

Mehde Mohamad
2016-10-15
شارك الآن :

هي خاصية جديدة مُتعلّقة بعناصِر الفُورم(نموذج ارسال البيانات) جائت مع 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>

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

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