在提交表单活动之前，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/