Validación de datos

Tengo una duda para el tema de validaciones de datos. En el video se muestra que se declara una función para revisar que los datos que son ingresados sean correctos y que no se queden espacios en blanco. Pero, pensé que sería mas fácil integrar un "required" en el formulario directamente en el HTML, lo ingresé y no lo solicita. ¿Por qué no aplica este atributo y es necesario aplicar una función para realizar esta validación?

//form.js
function validarPaciente(paciente){
    var errores = []

    if(paciente.nombre.length == 0){
        errores.push("El nombre no puede estar vacío");
    }
    if(paciente.peso.length == 0){
        errores.push("El peso no puede estar vacío");
    }
    if(paciente.altura.length == 0){
        errores.push("La altura no puede estar vacía");
    }
    if(paciente.gordura.length == 0){
        errores.push("El %gordura no puede estar vacío");
    }
    if(!validarPeso(paciente.peso)){
        errores.push("El peso es incorrecto");
    }
    if(!validarAltura(paciente.altura)){
        errores.push("La altura es incorrecta");
    }
    return errores; 
}