ที่อยู่สาธิตออนไลน์: http://www.shouce.ren/study/api/s/jq-bootstrapvalidator-index.html
วิธีการใช้งานมีดังนี้:
1. <form id = "defaultform" method = "post" action = "target.php"> 2. <div> 3. <label> ชื่อผู้ใช้ </label> 4. <div> 5. <อินพุตประเภท = "ข้อความ" ชื่อ = "ชื่อผู้ใช้"/> 6. </div> 7 </div> 14. </div> 15. 16. <div> 17. <births> วันเกิด </label> 18. <div> 19. <อินพุต type = "text" name = "วันเกิด"/> (yyyy/mm/dd) 20. </div> 21. </div> 22 type = "button" id = "validateBtn"> การตรวจสอบอัตโนมัติ </ปุ่ม> 27. <ปุ่มประเภท = "ปุ่ม" id = "resetBtn"> รีเซ็ตฟอร์ม </ปุ่ม> 28. </div> 29. </div> 30. </form> 1. $ ('#defaultform'). bootstrapvalidator ({2 'glyphicon glyphicon-ok', 5. ไม่ถูกต้อง: 'glyphicon glyphicon-remove', 6. การตรวจสอบ: 'glyphicon glyphicon-refresh' 7. }, 8. ฟิลด์: {9. ชื่อผู้ใช้: {10. ข้อความ: ' ชื่อผู้ใช้เป็นสิ่งจำเป็นและไม่สามารถว่างเปล่า '14. }, 15. StringLength: {16. นาที: 6, 17. สูงสุด: 30, 18. ข้อความ:' ชื่อผู้ใช้ต้องมีมากกว่า 6 และน้อยกว่า 30 ตัวอักษรยาว '19.}, 20. regexp: {21. regexp: /^ dot และ underscore '23. }, 24. ระยะไกล: {25. url:' remote.php ', 26. ข้อความ:' ชื่อผู้ใช้ไม่พร้อมใช้งาน '27. }, 28. แตกต่างกัน: {29. ฟิลด์:' รหัสผ่าน ', 30. ข้อความ:' ชื่อผู้ใช้และรหัสผ่าน emailaddress: {37. ข้อความ: 'อินพุตไม่ใช่ที่อยู่อีเมลที่ถูกต้อง' 38. } 39.} 40.}, 41.} 42. });ข้างต้นเป็นคำอธิบายแบบเต็มของการตรวจสอบแบบฟอร์มการตรวจสอบความถูกต้องของ bootstrap แนะนำให้คุณรู้จักโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณต้องการทราบข้อมูลเพิ่มเติมโปรดใส่ใจกับ wulin.com!