Update templates/braintumor.html

templates/braintumor.html

@@ -141,7 +141,7 @@
     </div>
 
     <div class="container">
-        <form action="resultbt" class="main-form needs-validation" method="POST" enctype="multipart/form-data">
+        <form action="resultbt" class="main-form needs-validation" method="POST" enctype="multipart/form-data" novalidate>
             <div class="row">
                 <div class="col-md-6">
                     <div class="form-group">
@@ -205,6 +205,26 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
         integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
         crossorigin="anonymous"></script>
+
+    <!-- Enable Bootstrap validation -->
+    <script>
+        (function () {
+            'use strict'
+            // Fetch all the forms we want to apply custom Bootstrap validation styles to
+            var forms = document.querySelectorAll('.needs-validation')
+            // Loop over them and prevent submission
+            Array.prototype.slice.call(forms)
+                .forEach(function (form) {
+                    form.addEventListener('submit', function (event) {
+                        if (!form.checkValidity()) {
+                            event.preventDefault()
+                            event.stopPropagation()
+                        }
+                        form.classList.add('was-validated')
+                    }, false)
+                })
+        })()
+    </script>
 </body>
 
 </html>