Можно ли запретить отправку кнопки отправки до загрузки DOM?

Question

Я делаю проверку формы с помощью плагина jquery validate. Это прекрасно работает, однако, если DOM загружен не полностью и вы нажимаете кнопку «Отправить», документ игнорирует проверку и переходит на страницу, указанную в атрибуте «action» формы. Можно ли запретить отправку кнопки отправки до загрузки DOM?

Answer 1

Если вы сгенерируете кнопку отправки следующим образом:

<input type="submit" id="submit" value="submit" disabled="disabled"/>

Затем вы можете поместить ее в $(document).ready( сразу после инициализации плагина проверки:

$("#submit").prop("disabled", false);

Демонстрация: http://jsfiddle.net/nZVrs/

Answer 2

Изначально вы могли отправлять свои формы с помощью чего-то вроде:

<form ... onsubmit="return false;">
....
</form>

Затем в JavaScript измените обработчики onsubmit форм, которые вы хотите "активировать", когда будете готовы.

Answer 3

Каким образом кому-нибудь удастся отправить форму до того, как DOMContentLoaded будет уволен?Просто любопытно?

Если бы речь шла о window.onload, я бы понял, потому что странице может потребоваться некоторое время для полной загрузки (особенно, если содержимое ранее не кэшировалось), но DOMContentLoaded?

В большинстве случаев он запускается так быстро после того, как страница начинает отображаться, что почти невозможно быть таким быстрым и отправить форму.