html5：如果要提交的表单为空，如何获取“空”消息框

Question

我有一个HTML5表单，调用Perl控制器将文件上传到服务器。有用。问题是，如果没有选择文件（如果表格框留空），并且用户点击该按钮，他将收到一个讨厌的Perl错误消息（“需要文件在...第39行等”）。我想添加一个功能，如果表单留空，会显示一条消息，说“它是空的！”。在视图中，这只能用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验证您的请求。

请参阅this question，有一个很好的代码示例。

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