客户端验证类型为FILE的INPUT而不使用jQuery进行回发

Question

我想在客户端检查在提交表单之前是否已选择文件.

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm("Upload", "Files", FormMethod.Post, new { enctype = "multipart/form-data" }))
        { 
            <input id="File" name="File" type="file" size="80" />
            <input type="submit" name="name" value="Upload" />    
        }

目前,此表单正在进行回发以进行验证.出了什么问题？

Answer 1

@xOn是关于无法修改文件元素的权利,但您应该能够验证它.

这是一个文件元素,它使用不显眼的验证来确保字段在提交之前具有值和正确的扩展名.

<input type="file" 
    id="myImg" 
    name="logo" 
    data-val="true" 
    data-val-required="Oops, select the logo first!"
    accept="jpg|jpeg"
    data-val-accept="Sorry, we only accept jpegs." />

Answer 2

“文件”类型的输入是安全敏感控件，不能通过 DOM 编写脚本。想象一下点击一个页面，该页面将控件的值设置为敏感文件的已知位置并自动提交表单。上次该控件可编写脚本大约是在 1995 年或 1996 年。对于互联网安全来说，那是一个非常愚蠢的时期。