Necesito que el valor del <input>
según la edad del usuario, seria así: cuando se ponga la fecha de nacimiento validar si cumple con la edad y le asigna si es Juvenil o Prejuvenil.
<div class="form-group">
<label for="birth_date" class="form-control-label">
FECHA DE NACIMIENTO DEL PARTICIPANTE
</label>
<input type="date" id="birth_date" name="birth_date" required class="form-control">
</div>
y acá se debe colocar el resultado
<div class="col-4" id="group_etary">
<div class="form-group">
<label for="age_group" class="form-control-label">
GRUPO ETARIO
</label>
<input type="text" name="age_group" id="age_group" class="form-control">
</div>
</div>
Éste es mi código, pero no sé si está bien escrito. He buscado en varias partes y no lo logro aún.
<script language="javascript">
function comprobar()
{
var birth_date= document.birth_date.value;
if (birth_date>= 5 && birth_date <= 12)
{
$('#age_group').val('PREJUVENIL');
// alert("Si tienes entre 5 y 12 años, perteneces a el grupo prejuvenil.");
return false;
}
if (birth_date>= 13 && birth_date <= 17)
{
$('#age_group').val('JUVENIL');
// alert("Si tienes entre 13 y 17 años, perteneces a el grupo juvenil.");
return false;
}
return true;
}
</script>
comprobar()
¿Cuando la llamas? Por otro lado, concretar más el comportamiento erróneo que te sucede facilitará las cosas a quien trate de ayudarte.var birth_date= document.birth_date.value;
. Quizá deberías usarvar birth_date= document.getElementById('birth_date').value;
. Además, al ser de tipo "fecha" (type="date"
) su valor será de la formaAAAA-MM-DD
y no un número tal cual.