Estoy haciendo la validación de formularios usando jquery validate plugin. Funciona muy bien, sin embargo, si DOM no está completamente cargado y haces clic en el botón Enviar, el documento ignora la validación y va a una página especificada en el atributo de "acción". ¿Es posible evitar que el botón de enviar se envíe hasta que se cargue DOM?¿Es posible evitar que el botón de enviar se envíe hasta que DOM esté cargado?
Si genera el botón de enviar, así:
<input type="submit" id="submit" value="submit" disabled="disabled"/>
entonces usted puede poner esto en su $(document).ready( justo después de que el plugin de validación se ha inicializado:
$("#submit").prop("disabled", false);
Demostración: http://jsfiddle.net/nZVrs/
Se podría emitir sus formas inicialmente con algo como:
<form ... onsubmit="return false;">
....
</form>
Luego, en JavaScript, cambiar los onsubmit manipuladores de las formas que desee "activar" cuando esté listo.
¿Cómo podría alguien enviar un formulario antes de que se active el DOMContentLoaded? ¿Sólo curioso?
Si fuera window.onload de lo que estamos hablando, lo entendería porque una página puede requerir cierto tiempo para cargarse por completo (especialmente si el contenido no estaba previamente en caché) pero DOMContentLoaded?
En la mayoría de los casos se dispara tan rápido después de que la página comienza a renderizar que es casi imposible ser tan rápido y enviar el formulario.
Esto es lo que habría hecho. – ninetwozero
Esta solución tiene el inconveniente de que su formulario no se puede utilizar con javascript. – Peter
También es posible enviar un formulario presionando ENTER en una entrada de texto, por lo que es probable que también deba deshabilitar todas las entradas en el formulario ... –