7.37. Bootstrap5 form validation

Release time ： 2025-10-25 13:35:28 UTC
Page Views: 26 views
We can use different validation classes to set up the validation function of the form.
.was-validated or .needs-validation add to
element, the   input   input field will have a green (valid) or red (invalid) border effect to indicate whether the form requires input.   .valid-feedback   or   .invalid-feedback   class is used to tell the user what information is missing or what needs to be done before submitting the form.
 7.37.1.  Example  ¶ 
Use   .was-validated   class displays what the form needs to fill in beforeit is submitted:

  
    Username:
    
    Verification successful！
    Please enter your username!
  
  
    Password:
    
    Verification successful!
    Please enter password!
  
  
    
       consent agreement
      Verification successful!
      Agree to the agreement before submitting.
    
  
  

 7.37.2.  Example  ¶ 
Use   .needs-validation   which validates the missing content after the form is submitted You need to add some JavaScript code here to make the codework:

  
    Username:
    
    Verification successful！
    enter one user name！
  
  
    Password:
    
    Verification successful！
    Please enter password！
  
  
    
       consent agreement
      Verification successful！
      Agree to the agreement before submitting。
    
  
  



Article link ： 7.37. Bootstrap5 form validation 
 Web框架  946 
 1. Angularjs2 8 
 1. SVG tutorial 19 
 1. Memcached 20 
 1. C# tutorial 61 
 1. Sqlite 47 
 2. Go 43 
 2. Docker 59 
 2. Vue3 19 
 2. Servlet 21 
 3. React 23 
 3. SOAP tutorial 10 
 3. Android 18 
 3. Mongodb 44 
 3. Kotlin 18 
 4. Lua 31 
 4. MySQL tutorial 35 
 4. Appml 12 
 5. Perl 45 
 5. Postgresql 41 
 web 15 
 5. Web Services tutorial 6 
 6. Ruby 42 
 6. Design-pattern 35 
 7. Django 18 
 7. Rust 22 
 6. WSDL tutorial 8 
 8. Foundation 39 
 9. Ios 43 
 8. Css3 26 
 9. Swift 44 
 11. HTML tutorial-(HTML5 Standard) 54 
 12. Http 6 
 13. Regex 6 
 14. Regexp 8 
 《地理信息系统原理、技术与方法》  97 
最近几年来，地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持，如城市管理、区划、环境整治等等，地理信息成为信息时代重要的组成部分之一； “数字地球”概念的提出，更进一步推动了作为其技术支撑的GIS的发展。 与此同时，一些学者致力于相关的理论研究，如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面，并且这两个方面构成了相互促进的发展过程。
 1. Introduction to geographic information system 6 
 2. From the Real World to the Bit World 3 
 3. Spatial Data Model 7 
 4. 空间参照系统和 地图投影 5 
 5. Data in GIS 3 
 6. Spatial data acquisition 2 
 7. Spatial Data Management 6 
 8. Spatial analysis 8 
 9. 数字地形模型（ DTM ）与地形分析 5 
 10. 空间建模与 空间决策支持 6 
 11. Spatial data representation and map making 6 
 12. 3S Integration Technology 5 
 13. 网络地理信息系统 3 
 14. Examples of Geographic Information System Application 8 
 15. Organization and Management of Geographic Information System Application Projects 9 
 16. Geographic Information system Software Engineering Technology 6 
 17. Geographic Information System Standards 3 
 18. Geographic Information System and Society 3 
 19. Earth Information Science and Digital Earth 3 
 WEB基础   289 
 2. ADO tutorial 23 
 4. W3C tutorial 16 
 5. Data-structures 31 
 8. Scala 41 
  7. Bootstrap5  37 
 7.19. Bootstrap5 drop-down menu 
 7.35. Bootstrap5 input box group 
 7.11. Bootstrap5 button 
 7.2. Bootstrap5 installation and use 
 7.7. Bootstrap5 form 
 7.17. Bootstrap5 list group 
 7.29. Bootstrap5 gadget 
 7.31. Bootstrap5 form 
 7.3. Bootstrap5 container 
 7.32. Bootstrap5 drop-down menu 
 10. Markdown 10 
 9. Echarts 12 
 11. Maven 20 
 10. Font-awesome 17 
 12. RDF tutorial 11 
 13. Sass 15 
 15. XML Schema tutorial 56 
Powered by Django & PostgreSQL (with PostGIS)