Descripción: Envío de formulario por Javascript.
Muchas veces nos encontramos con que algunos códigos envían el formulario mediante Javascript cuando eso se convierte en un problema de Accesibilidad, si Javascript estuviera desactivado no podríamos enviar el formulario. Lo más aconsejable en la mayoría de los casos es usar un botón de tipo submit.
Código Incorrecto: Código HTML:
<form method="post" action="enviar.php">
<input type="text" name="campo" value="Texto" />
<input type="button" onclick="valida(this.form)" value="Enviar" />
</form>
Código PHP:
function valida(form) {
if (form.campo.value=="") {
alert("Campo Vacío");
form.campo.focus();
return false
}
form.submit();
}
Solución: Código HTML:
<form method="post" action="enviar.php" onsubmit="return valida(this)">
<input type="text" name="campo" value="Texto" />
<input type="submit" value="Enviar" />
</form>
Código PHP:
function valida(form) {
if (form.campo.value=="") {
alert("Campo Vacío");
form.campo.focus();
return false;
}
return true;
}