استخدم النموذج حقًا _easy_field_validation_with_prototype للتحقق من النموذج ، والمحتوى المحدد هو كما يلي
1. الخطوة الأولى هي بالطبع تقديم ملفات JS و CSS أولاً.
<link href = "$ {ctx} /skin/css/validation.css" rel = "stylesheet" type = "text/css"/> <script type = "text/javaScript" src = "$ {ctx} /scripts/prototype.js"> </script ctx} /scripts/validation.js "> </script>2. ثم أضفت الرمز التالي في بداية الصفحة (وضعت هذا الرمز في meta.jsp لأن كل JSP يحتوي عليه في الرأس.)
وظيفة بعد تحميل () {if (document.all) {var forms = document.forms ؛ if (forms.length> 0) {for (var i = 0 ؛ i <forms.length ؛ i ++) {if (forms [i] ["method: save"]) التحقق الجديد (النماذج [i]) ؛ }} window.clearinterval (inteval) ؛ عدد صحيح = فارغ ؛ }} var integer = window.setInterval ("بعد التحميل () ؛" ، 500) ؛3. إذا كنت ترغب في التحقق من مربع الإدخال ، فما عليك سوى إضافة بعض الشعارات إلى فئتها. يحب
انسخ رمز الرمز كما يلي: <إدخال type = "text" name = "payable.howmuch" value = "" id = "payable_howmuch"/>
هذا يعني أن هذا الحقل مطلوب ويجب أن يكون رقمًا. بالنسبة للمحتوى الآخر ، فقط انظر إلى الكود في نهاية التحقق من الصحة وسوف تفهم.
4. بالإضافة إلى ذلك ، قمت بإجراء بعض التعديلات على التحقق من الصحة ، لأن أحد نماذجنا يحتوي على أزرار إرسال متعددة ، وبشكل عام فقط الاسم = الطريقة: يجب تشغيل زر حفظ عند النقر عليه ، بحيث يتم تعديل التحقق من JS.
ضع الأصلي
نسخة الكود كما يلي: if (this.options.onsubmit) event.Observe (this.form ، 'submit' ، this.onsubmit.bind (this) ، false) ؛
التغيير إلى
نسخة الكود كما يلي: if (this.options.onsubmit) event.Observe (this.form ["method: Save"] ، "Click" ، this.onsubmit.bind (this) ، false) ؛
هناك مشاكل في هذا ، ولكن لما نحن عليه الآن ، هذا أكثر ملاءمة.
5. كان لـ CSS الأصلي تأثير على الأزرار ، وما إلى ذلك ، لذلك قمت بإزالة جميع محتويات تلك الحدود.
6. يبدو أن إطار التحقق هذا يفكر فقط في بعض المواقف. إذا كنت ترغب في استخدامه بمرونة ، فيجب عليك قضاء بعض الوقت لفهمه بالتفصيل. كما يوفر آلية رد الاتصال. بعد تنزيل نسخته الأصلية ، يمكنك رؤية العرض التوضيحي في HTML.
ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.