Validación

[mechaz]

Bueno, en este caso, me gustaría pedir otra ayuda :D, y se trata sobre validar un dato.

Bueno, ando creando un formulario (ya lo cree), y poniendo filtros, para evitar caracteres o bien palabras "maliciosas", y pues lo ando filtrando con PHP y javascript, pero con javascript no he podido saber como filtro un dato de un <option>.

Código:

Código:

<select name="dia">
<option value="Dia">Día</option>
<script type="text/javascript">

	for (i=1;i<32;i++) {
		document.write("<option value='" +  i + "'>" + i + "</option>");
	}

</script>
</select>

Me gustaría que si dejasen "Día", y no pusiesen un número, pues saltara un error, pero pues no lo he podido lograr.

PD: Lo único que me gustaría saber es como logro capturar esté dato :D (ya que lo del error, lo tengo listo).

[maycolalvarez]

usar document.write no es la vía más optima para crear la estructura de un select, en tu caso como usas php puedes perfectamente crear los <option> desde php.

en javascript puedes generar la estructura del select en una variable string y añadirla al innerHTML de un <div> por ejemplo, es la forma que funciona en todos los navegadores, debido a que usar appedChild no funciona en algunos.

consulte sobre "selects" dependientes php/ajax, aunque no use AJAX puede aplicar el principio

[mechaz]

Ok, muchas gracias por la sugerencia, ya lo tenia planeado pero se me había olvidado, ya que algunas personas bloquean los scripts.

Y pues a estudiar el tema que me acabas de pasar.

Saludos.

[mechaz]

Bueno, leyendo bien, no entendí algo, me gustaría dejar más claro lo que deseo.

En php, puede hacer lo siguiente

(El código HTML es esté).

Código:

<select name="dia">
<option value="Dia">Día</option>
<?php

	for ($i=1;$i<32;$i++) {
		echo "<option value='".$i."'>".$i."</option>";
	}

?>
</select>

Código:

if($_POST['dia']=="Dia") {
  echo "Por favor seleccionar un día correcto";
}

Pero en javascript, no se como logra esto.

E Intente de está forma:

var dia = document.getElementById("dia");

Código:

if(isNaN(dia)) {
 error = document.getElementById('errores');
 error+="El día ingresado no es el correcto.";
}

Y como pueden ver, acá el valor que cojo es el del <select>, y no el del <option>.
Al contrario de PHP, que puedo agarrar de esta forma

Código:

if($_POST['dia']=="Dia")

El valor del <option>, mediante su "padre" (<select>).

[maycolalvarez]

te recomiendo que leas un manual de Javascript, puedes obtener el valor de un select de esta forma:

Código Javascript:

var valor = document.forms['NAME_form'].elements['NAME_select'].value;
//o
var valor = document.getElementById('ID_select').value;
 

y mostrar al usuario:

Código Javascript:

alert(valor);
 

[mechaz]

Oh muchas gracias, ya lo pude solucionar.