HTML5：如果要提交的表单为空，如何获取"its empty"消息框

Question

我有一个HTML5表单，它调用Perl控制器将文件上传到服务器。它有效。问题是，如果没有选择任何文件（如果表单框为空），并且用户单击按钮，他将收到一条令人讨厌的Perl错误消息（"require file at…line 39 etc"）。我想添加一个功能，如果表单为空，会出现一条消息，说"它是空的！"。在视图中，这只能用HTML5完成吗？或者我需要修改我的Perl脚本？

我的HTMl5看起来像：

<form action="[% uri_for('/upload/execution') %]" method="post" enctype="multipart/form-data" class="form-horizontal">
<filedset>
<div class="control-group">
<p>
<div class="controls">
<input readonly value="[% article.article_id %]" name="article_id" type="hidden" class="span1" id="game_id">
</div>
</p>
<p>
<div class="form-actions">
<input type="submit" value="upload" class="btn btn-primary">
</div>
</p>
</filedset>
</form>

Answer 1

您可以使用javascript验证您的请求。

看到这个问题，有一个很好的代码示例。

当然，这只是客户端验证（即在浏览器中完成），所以任何人都可以关闭它并发送文件（尽管这种情况很少发生）。这将是一个很好的做法，也在脚本级别处理这个问题。