Habilitar submit

sToRaGe · #1 (**permalink**) 14/06/2010, 03:50

Buenas,
Tengo una caja de texto que al clickar con el ratón se abre un calendario popup en JS para seleccionar la fecha de ida, la cual se muestra en el textbox.
Luego hay otro textbox donde introduzco un número de pasajeros.

La idea es que cuando ambos campos estén rellenados se habilite el botón para enviar el formulario.

Este es el código que he conseguido hacer pero no habilita el botón para continuar:

Código:

<head>
<script language="javascript" src="popcalendar.js">

function validar(formulario) {
  formulario.Siguiente.disabled = true;
    if (pasajeros.value !='') return
  formulario.Siguiente.disabled = false;
}
</script>
</head>

<body>
<form id="formulario" name="formulario" method="post" action="formulario2.php">
<label>seleccione fecha ida</label>
<h1><input name="cal_ida" type="text" id="cal_ida" onclick="popUpCalendar(this, formulario.cal_ida, 'yyyy/mm/dd');" onchange"validar(this, formulario.Siguiente);" size="10" /></h1>
<label>cuantos pasajeros?</label>
<h1><input name="pasajeros" id="pasajeros" type="text" size="20" onkeyup="validar(this, formulario.Siguiente);" /></h1>
<h1><input type="submit" value="Siguiente" disabled="disabled" /></h1>
</form>

He probado con onblur, onclick, onchange, poniendo "validar(this.formulario, 'Siguiente')" y tampoco.

Gracias de antemano.

Adler · #2 (**permalink**) 14/06/2010, 04:46

Hola

Prueba así

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
function validar(formulario) {
  formulario.Siguiente.disabled = (formulario.pasajeros.value !='' && formulario.cal_ida.value !='') ? false : true;
}
</script>
</head>
<body>
<form id="f" name="f" method="post" action="formulario2.php">
<label>seleccione fecha ida</label>
<h1><input name="cal_ida" type="text" id="cal_ida" size="10" /></h1>
<label>cuantos pasajeros?</label>
<h1><input name="pasajeros" id="pasajeros" type="text" size="20" onkeyup="validar(this.form);" /></h1>
<h1><input type="submit" value="Siguiente" name="Siguiente" disabled="disabled" /></h1>
</form>
</body>
</html>

Suerte

sToRaGe · #3 (**permalink**) 14/06/2010, 06:19

Vale, la cagada partía de declarar mal la cabecera del script.

He puesto para validar primero la fecha para habilitar el textbox de pasajeros con un onblur y así me funciona, con el onchange no funciona. Es correcto hacerlo con el onblur?

Adler · #4 (**permalink**) 14/06/2010, 07:03

Hola

El evento onblur es correcto. El que no podías usar era onchange puesto que lo estabas aplicando a un text

Suerte

sToRaGe · #5 (**permalink**) 14/06/2010, 07:51

Vale muchas gracias!