1

Tengo un formulario donde hay que escribir la edad del padre y la del hijo.

Por ejemplo, si al padre le pongo 4 y al hijo 22 indica que es correcto; si lo escribo al revés, ocurre lo mismo, siendo incorrecto lo primero.

¿Qué está mal en la función JS?

Edad padre<br>
<input type="text" name="padre" id="padre" autocomplete="off">
<br>Edad hijo<br>
<input type="text" name="hijo" id="hijo" autocomplete="off" onchange="edad()" >


<script>
    var padre = document.getElementById("padre").value;
    var hijo = document.getElementById("hijo").value;

    function edad() {

        if (hijo > padre) {
            alert("El hijo no puede tener más años que el padre");
            hijo.value = '';
        } else {
            alert("Las edades son coherentes");            
        }

    }
</script>   

2 respuestas 2

1

El input hijo es un array. Si sólo va a haber un hijo, sacale los corchetes al nombre.

Cambiá name="hijo[]" por name="hijo".

EDIT:

Estás asignando los valores a las variables por fuera de la función, con lo cual están siempre vacias. Y por otro lado, tenés que transformar los valores en números, porque por defecto son texto.

var padre = document.getElementById("padre");
var hijo = document.getElementById("hijo");

function edad() {
    if (parseInt(hijo.value) > parseInt(padre.value)) {
        alert("El hijo no puede tener más años que el padre");
        hijo.value = '';
    } else {
        alert("Las edades son coherentes");
    }
}
2
  • He quitado los corchetes y sigue el mismo error. Algo más debo de estar haciendo mal.
    – Paco S
    el 31 dic. 2017 a las 16:51
  • @PacoS probá lo que puse en la edición.
    – azeós
    el 31 dic. 2017 a las 17:11
0

Debes obtener los valor justo cuando se invoca la funcion edad(); y no antes, en tu codigo actual los datos que obtienes es 0 y 0 con los 2 inputs

function edad() {
  var padre = document.getElementById("padre").value;
  var hijo = document.getElementById("hijo").value;

  if (Number(hijo) > Number(padre)) {
    alert("El hijo no puede tener más años que el padre");
    hijo.value = '';
  } else {
    alert("Las edades son coherentes");
  }

}
Edad padre<br>
<input type="text" name="padre" id="padre" autocomplete="off">
<br>Edad hijo<br>
<input type="text" name="hijo" id="hijo" autocomplete="off" onchange="edad()">

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.