ใช้จริง ๆ _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" ctx} /scripts/validation.js "> </script>2. จากนั้นฉันเพิ่มรหัสต่อไปนี้ที่จุดเริ่มต้นของหน้า (ฉันใส่รหัสนี้ใน meta.jsp เพราะแต่ละ JSP มีอยู่ในส่วนหัว)
ฟังก์ชั่น afterloaded () {if (document.all) {var forms = document.forms; if (forms.length> 0) {สำหรับ (var i = 0; i <forms.length; i ++) {ถ้า (แบบฟอร์ม [i] ["วิธี: บันทึก"]) การตรวจสอบใหม่ (แบบฟอร์ม [i]); }} window.clearinterval (intEval); จำนวนเต็ม = null; }} var integer = window.setInterval ("afterloaded ();", 500);3. หากคุณต้องการตรวจสอบกล่องอินพุตเพียงเพิ่มโลโก้ลงในคลาส ชอบ
คัดลอกรหัสรหัสดังต่อไปนี้: <อินพุต type = "text" name = "payable.howMuch" value = "" id = "payable_howmuch"/>
ซึ่งหมายความว่าต้องการฟิลด์นี้และจำเป็นต้องเป็นตัวเลข สำหรับเนื้อหาอื่น ๆ เพียงดูรหัสในตอนท้ายของการตรวจสอบความถูกต้อง js แล้วคุณจะเข้าใจ
4. นอกจากนี้ฉันทำการปรับเปลี่ยนบางอย่างเพื่อตรวจสอบความถูกต้อง js เนื่องจากหนึ่งในแบบฟอร์มของเรามีปุ่มส่งหลายปุ่มและโดยทั่วไปเฉพาะชื่อ = วิธี: ปุ่มบันทึกจะต้องถูกเรียกใช้เมื่อถูกคลิกดังนั้นการตรวจสอบ JS จึงถูกแก้ไข
ใส่ต้นฉบับ
การคัดลอกรหัสมีดังนี้: ถ้า (this.options.onsubmit) event.observe (this.form, 'ส่ง', this.onsubmit.bind (นี่), false);
เปลี่ยน
การคัดลอกรหัสมีดังนี้: ถ้า (this.options.onsubmit) event.observe (this.form ["method: save"], 'คลิก', this.onsubmit.bind (นี่), false);
มีปัญหาเกี่ยวกับเรื่องนี้ แต่สำหรับสิ่งที่เราเป็นอยู่ตอนนี้มันเหมาะสมกว่า
5. CSS ดั้งเดิมมีผลกระทบต่อปุ่ม ฯลฯ ดังนั้นฉันจึงลบเนื้อหาทั้งหมดของเส้นขอบเหล่านั้น
6. กรอบการตรวจสอบนี้ดูเหมือนจะพิจารณาเฉพาะสถานการณ์บางอย่างเท่านั้น หากคุณต้องการใช้มันอย่างยืดหยุ่นคุณต้องใช้เวลาในการทำความเข้าใจโดยละเอียด นอกจากนี้ยังมีกลไกการโทรกลับ หลังจากดาวน์โหลดเวอร์ชันดั้งเดิมคุณสามารถดูการสาธิตใน HTML
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น