عندما يقوم العديد من الأصدقاء بالتحقق من النماذج ، فإنهم يستخدمون jQuery أو JS يدويًا ، أو يستخدمون قابس jQuery -in للتحقق. لأن الجميع يعتقدون أن HTML5 يأتي مع المصادقة ليست جيدة جدا! في الواقع ، يأتي HTML5 الآن مع صياغة التحقق من النماذج ، والتي أصبحت الآن قوية للغاية. دعنا نلقي نظرة على نموذج للتحقق منه في شكل كتبه HTML5 النقي! خبرة!
ما رأيك في هذا التأثير؟
جوهر هذا التأثير هو ثلاث صور!
.myform حدد: مطلوب ، .myform الإدخال: مطلوب ، .myform textarea: مطلوب {background: #fff (http://sandbox.runjs.cn/rs/rs/216/0y 89gzo2/star.jpg) المركز ٪ ؛}. /رف : //sandbox.runjs.cn/uploads/216/0y89gzo2/error.png)ثم فعل حدث مراقبة:
oninvalid = this.setCustomValition ("الرجاء إدخال الرقم الصحيح") ؛عندما تكون كلمة مرور التحقق متسقة ، استخدم JS
وظيفة checkpassword () {var pass1 = document.getElementByid (كلمة المرور) ؛هذا يكمل التأثير!
إذا كنت تعتقد ، فإن هذه الفقاعة المبنية هي قبيحة أيضًا! كما هو موضح أدناه: أريد تغييره!
قبل إصدار Google 29 ، يمكننا استخدام العناصر الزائفة لتعديل الفقاعات!
: webkit-valide-bubble {min-width: 152px ؛ / TOP: 4px ؛ 1PX Solid #F7CE39 ؛ولكن تم التخلي عن هذه الطريقة لاحقًا! ستجد أنه لا يوجد استجابة لتعديل الفقاعة! إذن كيف تعدل نمط الفقاعة؟ إنه أمر مزعج بعض الشيء هنا! من المحتمل أن تكون الفكرة هي أن نوقف الفقاعات الافتراضية أولاً ثم ننشئ فقاعة جديدة!
منع الفقاعات الافتراضية <Pong> <input required> <button> إرسال </button> </form> <script> document.QurySelector (input) .AdDeventListener (regret ، function) {event.prev entDefault () ؛}) ؛ إنشاء واجهة مستخدم جديدةالرمز تقريبًا على النحو التالي:
وظيفة استبدالها (النموذج) {// منع الفقاعات من Browser// نموذج التقديم الافتراضي. }) ؛ اكتب = إرسال]) ؛ invalidfields.length ؛ /li> ؛} ages.innerhtml = listhtml ؛ ) ؛ لخصما ورد أعلاه هو HTML5 مع HTML5 للتحقق من تجربة تعديل الفقاعة. . شكرا جزيلا لدعمكم لموقع VEVB Wulin!