Проверка форм jquery перед активацией формы отправки?

Question

у меня есть этот входной файл HTML-формы:

<input type="file" id="file" class="file customfile-input" name="file_upload">

и у меня есть эта кнопка отправки:

<input type="submit" value="Publish!" id="publish_button" name="submitPhoto" class="yellow_gradient big_button">

Я хотел создать скрипт jquery, который проверяет, заполнено ли поле входного файла файлом, прежде чем активировать кнопку отправки. спасибо:))

Answer 1

Как насчет:

$("#file").bind("change", function() {
    $("#publish_button").attr("disabled", this.value.length === 0);
});

Это включит #publish_button сразу после изменения значения внутри файла.

Рабочий пример: http://jsfiddle.net/andrewwhitaker/hUDUC/1/