Я создал форму, начиная с примера в документации в разделе «Проверка - Пользовательские стили». Я добавил «требуемый» атрибут к входным данным и проверка прошла хорошо. Теперь мне нужно добавить пользовательское подтверждение в поле, которое должно соответствовать определенному формату.
Я создал функцию validaForm () для проверки поля и добавления к нему «недопустимого» ввода класса. Мне нужна помощь в том, как использовать функцию в коде ***, представленном в примере Bootstrap:
// My custom function to validate the field
function validaForm() {
var $inputs = $("#frmIscrCant :input:not([readonly])");
//var values = {};
$inputs.each(function () {
//values[this.id] = $(this).val();
if ($(this).hasClass("partIVAInput") && $(this).val().trim() != "")
if (!isValidPIVA($(this).val())) {
$(this).addClass("is-invalid");
alert("P.IVA non valida!");
}
});
}
// Code provided by Bootstrap example(***). In this function I need to insert the function above
(function() {
'use strict';
window.addEventListener('load', function() {
// Fetch all the forms we want to apply custom Bootstrap validation styles to
var forms = document.getElementsByClassName('needs-validation');
// Loop over them and prevent submission
var validation = Array.prototype.filter.call(forms, function(form) {
form.addEventListener('submit', function(event) {
validaForm(); // !!!
if (form.checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
}
form.classList.add('was-validated');
}, false);
});
}, false);
})();
</script>