Estamos en un proyecto de registro de mascotas, ahora tenemos un nuevo problema en la administración del proyecto, al momento de dar click en el icono inscripción del propietario se abre una modal, con todos los campos para que se rellene los datos del propietario, el problema rige cuando validamos los campos al dar click en guardar nos debe de enviar un error que dice el campo es obligatorio y no desaparecer la modal, lo que queremos es que cuando haya un error la modal no desaparezca, hasta cuando todos los campos estén validados.
<div class="col">
<div class="form-group">
<label for="nombre">Nombre</label>
<input type="text" class="form-control" id="nombrePropietario" placeholder="Nombre">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar <i class="fas fa-times"></i></button>
<button type="button" class="btn btn-primary" id="idGuardarPropietario" data-dismiss="modal">Guardar <i class="fas fa-save"></i></button>
</div>
function registroPropietario() {
const nomPropietario = $("#nombrePropietario").val(),
if (nomPropietario === "") {
alert ("El nombre es obligatorio");
}
}