Como validar los datos de un campo en funcion de lo ingresado en el campo anterior

[buji]

Hola Foro.

Les dejo una consulta:

Tengo 2 campos: Campo1 y Campo2 en un form html.

Como puedo validar que si en campo1 ingrese "1" en campo2 solo me permita ingresar "10" o "20"?

Si por el contrario, en campo1 ingrese "2,3 o 4" en campo 2 me permita valores del 1 al 5?

Muchas Gracias.

Saludos.

[Alexis88]

Si vas a validar esos datos cuando vayas a procesar la información del formulario (botón de envío), solo necesitarías utilizar estructuras condicionales para realizar las validaciones con las condiciones que indicas.

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    document.querySelector("#idFormulario").addEventListener("submit", function(event){
        event.preventDefault(); //Cancelas el procesamiento tradicional
 
        var campo1 = document.querySelector("#idCampo1").value,
            campo2 =  document.querySelector("#idCampo2").value;
 
        if ((campo1 == 1 && (campo2 == 10 || campo2 == 20)) || ((campo1 == 2 || campo1 == 3 || campo1 == 4) && (campo2 == 1 || campo2 == 2 || campo2 == 3 || campo2 == 4 || campo2 == 5))){
            this.submit(); //Procesar los datos del formulario
        }
        else{
            alert("La validación no ha sido superada");
        }
    });
});
 

Esta sería la forma más básica de hacerlo. Puedes trabajar con arreglos o expresiones regulares para simplificar el proceso, pero la idea es la misma: validar mediante condiciones.