¿Cómo validar solo ciertos campos de un formulario con el validador de Bootstrap 5?
Mi validador ya funciona, el problema es que aplica a todo el formulario y solo quiero que se aplique a ciertos inputs:
Este es mi Código:
'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)
})
Código Html, en class
es donde hago la referencia para todo el formulario:
<form id="frmEquipo" class="RegisterForm needs-validation" name="frmEquipo" role="form" action="#" method="post" enctype="multipart/form-data" novalidate="novalidate">
class
en elform
es obvio que te va agarrar todos los campos como obligatorios, te recomiendo que lo insertes campo por campo el requerimiento.Form
y lo puse en elClass
de los inputs pero solo recarga la pagina