0

tengo un proyecto de hace meses, y ahora me pidieron hacer un proyecto, y pues, tome este y quiero mejorarlo, quisiera validar los campos vacíos, ósea, al dar al botón guardar, si el campo esta vacío, que me salte una alerta. La verdad, tengo mas o menos una idea, pero no se como empezar, dejo el código aquí:

function guardar(){
    Swal.fire({
        title: 'Esta seguro que quieres guardar los cambios ?',
        showDenyButton: true,
        showCancelButton: true,
        confirmButtonText: 'SI',
        denyButtonText: `NO`,
    }).then((result) => {
        if (result.isConfirmed) {
            $.ajax({
                url: 'http://localhost:3999/api/paciente/save',
                type: 'POST',
                data: {
                    idPaciente: $("#txtIdPaciente").val(),
                    nombres: $("#txtNombres").val(),
                    dni: $("#txtDni").val(),
                    direccion: $("#txtDireccion").val(),
                    especialidad: $("#txtEspecialidad").val(),
                    cita: $("#txtCita").val(),
                    estado: $("#cboEstado").val()


                },
                success: function (respuesta) {
                    console.log(respuesta);
                    listar();
                }


            });

            Swal.fire('Se guardaron los cambios!', '', 'success')
        } else if (result.isDenied) {
            Swal.fire('Cambios no guardados', '', 'info')
        }
    });
}

}

1
  • Coloca el código como texto, de lo contrario cierran las preguntas
    – Yussef
    el 16 nov. 2022 a las 5:11

1 respuesta 1

1

Pones una Id en el form, digamos MyForm y teniendo en cuenta que:

Las validaciones HTML5 tienen 2 funciones importantes

  • checkValidity: Retorna true o false
  • reportValidity: Muestra la validación visualmente

Tú función guardar queda:

function guardar(){
 if(!MyForm.checkValidity()){
    MyForm.reportValidity();
 }
 else{
   //aqui el resto de tu código original
 }
}
  
1
  • Muchas gracias. Ya tengo la idea como terminarlo. Aun soy nuevo aquí, puse el código pero me salía error.
    – Lenalee
    el 16 nov. 2022 a las 5:17

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.