2018-11-05 12:24:55 +01:00
|
|
|
// Example starter JavaScript for disabling form submissions if there are invalid fields
|
2022-04-12 17:07:25 +02:00
|
|
|
(() => {
|
2018-11-05 12:24:55 +01:00
|
|
|
'use strict'
|
|
|
|
|
2019-09-03 17:04:11 +02:00
|
|
|
// Fetch all the forms we want to apply custom Bootstrap validation styles to
|
2022-04-12 17:07:25 +02:00
|
|
|
const forms = document.querySelectorAll('.needs-validation')
|
2018-11-05 12:24:55 +01:00
|
|
|
|
2019-09-03 17:04:11 +02:00
|
|
|
// Loop over them and prevent submission
|
2022-04-12 17:07:25 +02:00
|
|
|
Array.from(forms).forEach(form => {
|
|
|
|
form.addEventListener('submit', event => {
|
|
|
|
if (!form.checkValidity()) {
|
|
|
|
event.preventDefault()
|
|
|
|
event.stopPropagation()
|
|
|
|
}
|
2019-02-26 12:20:34 +01:00
|
|
|
|
2022-04-12 17:07:25 +02:00
|
|
|
form.classList.add('was-validated')
|
|
|
|
}, false)
|
|
|
|
})
|
2019-02-26 12:20:34 +01:00
|
|
|
})()
|