مقالة مقدمة من wulin.com (www.vevb.com): يتم إحضار طريقة التحقق من النماذج البسيطة في HTML5 إلى IE وغيرها من المتصفحات القديمة.
نوع المنتج: التأثيرات الديناميكية (Dynamic JS ، JQuery Works)
وصف العمل: أحضر طريقة التحقق من النماذج البسيطة في HTML5 إلى IE والمتصفحات القديمة الأخرى
فكرة الإنتاج: اكتب مكونًا إضافيًا بحيث يمكن للمتصفحات القديمة أيضًا استخدام بناء جملة HTML5 للتعبير عن التحقق. تحتاج فقط إلى اعتراض الحدث إرسال في الأسفل واستخدام jQuery لتحفيز الحدث غير الصحيح بعد اكتشاف أنه لم يتم استيفاء قواعد التحقق. يحتاج المطورون فقط إلى ربط الحدث غير الصحيح لإكمال وظيفة التحقق من النموذج المعقدة سابقًا.
أعتقد أن الواجهة الأمامية التي تحب أشياء جديدة قد جربت وظيفة التحقق من شكل HTML5 ، وهي قوية للغاية. تصبح إضافة مطلوبة إلى <prope> عنصرًا مطلوبًا.
اكتب تعبيرًا منتظمًا في النمط لفرض تنسيق ملء. هذا العرض التوضيحي
<Porm>
<inport inport extral = يجب ملء السطح السفلي من 3-5 أرقام ، والأرقام والرسائل المطلوبة =/w {3،5}>
<نوع الإدخال = إرسال>
</form>
<script src => </script>
<script src = form.html5.js> </script>
<script>
$ (input) .bind (غير صالح ، وظيفة (e) {
تنبيه (إذا كان غير صحيح ، يجب أن تملأ السطح السفلي من 3-5 أرقام ، والأرقام ، والحروف) ؛
العودة كاذبة
}) ؛
$ (html) .submit (وظيفة (e) {
if (e.ispropagationStopped ()) {
يعود؛
}
تنبيه (تم إرسال النموذج بنجاح) ؛
العودة كاذبة
}) ؛
</script>
بسيطة جدا أم لا؟ كل ما نحتاج إلى فعله هو خطوتين
1. اكتب قواعد التحقق في تعبيرات منتظمة ووضعها في سمة النمط في علامة الإدخال.
2. يعترض jquery الحدث غير الصحيح للإدخال
من خلال إكمال هاتين الخطوتين ، يمكنك إكمال التحقق من النماذج في متصفح حديث.
ولكن بعد ذلك كيف تدعم المتصفحات القديمة؟ فقط أضف سطر رمز واحد
<script src = form.html5.js> </script>
في الوقت نفسه ، تحتاج أيضًا إلى تنزيل هذه الملفات الثلاثة والتأكد من أن الملفات الثلاثة موجودة في نفس الدليل.
(الغرض من select.htc لا علاقة له بالتحقق من النموذج.)
عندما يكون لديك الموقف التالي ، يمكنك الرد على الاتصال بي