Есть стандартный скрипт валидации bootstrap
'use strict'
var forms = document.querySelectorAll('.needs-validation')
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)
})
})()
Но он проверяет, только пустые ли значения. А нужно проверить например, содержит ли поле input с id=year четыре цифры.
checkValidity
соответствующим образом.<input id="year" pattern="20\d\d" />
для диапазона 2000-2099 например.