输入[type =“file”]用css检查是否存在文件附件

2018-06-09 11:28:47

这不是一个JS问题，只是在可能的情况下寻找清晰的css解决方案。

对于单选按钮或复选框，我们可以使用:checked伪类：

input{
  % styles %
}
input:checked{
  % another styles %
}

是否有技巧检查CSS是否存在文件附件？

（由于误解了问题而更新）

可以使用required的属性来检查文件是否被附加。

请参阅：http://jsfiddle.net/1ua59jt1/1/

HTML：

<input id="file" type="file" name="fileselect" required="required" />

CSS：

#file:valid { color: green; }
#file:invalid { color: red; }

但是如果以这种方式选择了“正确的”文件，你永远无法真正验证。您只能检查是否选择了文件。

//完成更新：

required属性是HTML5。请注意，并非所有浏览器都支持此功能：http://www.w3schools.com/tags/att_input_required.asp

这意味着客户端验证唯一可信赖的方式就是使用javascript。如果你想这样做，我建议在表单上使用novalidate属性来禁用浏览器的默认验证（http://www.w3schools.com/tags/att_form_novalidate.asp）。

但也总是使用服务器端验证 。你永远不能确保用户已启用jaavscript或没有操作JavaScript。因此，最好的方法是始终验证您完全控制的一侧的值：服务器，即您的表单将数据发送到的操作。

链接地址: http://www.djcxy.com/p/28413.html