ASP.NET MVC：我可以使用MicrosoftMvcValidation.js函數來創建一個 <input type=file> 強制性的嗎？

Question

我有一個帶有文件上載按鈕以及一些其他輸入字段和提交按鈕的表單。 我希望僅在選擇文件后才啟用提交按鈕。 我可能可以使用JQuery做到這一點，但是我發現，由於我已經包含了MicrosoftMvcValidation.js腳本，因此那里可能有一些可以使用的東西嗎？ 有人知道嗎

Answer 1

我不使用ASP.NET MVC，所以我的答案可能不合適。

在WebForms中，驗證器可以很好地處理文件輸入。 因此，如果用戶未提供文件時我想阻止表單提交，我只需要輸入RequiredFieldValidator。

例如，強制用戶提交GIF / JPG / PNG類型的圖像：

<asp:FileUpload id="FileInput" runat="server" />
<asp:RequiredFieldValidator ControlToValidate="FileInput" runat="server" />
<asp:RegularExpressionValidator ControlToValidate="FileInput" ValidationExpression="^.*\.(gif|GIF|jpe?g|JPE?G|png|PNG)$" runat="server" />

這不能解決您在未選擇文件時禁用提交按鈕的問題。 這個jQuery片段可以解決這個問題：

$(function()
{
    $("input:file").change(function()
    {
        var fileName=$.trim($(this).val());
        $("input:submit").prop("disabled")=(fileName.length==0);
    });
});

您必須確保首先禁用“提交”按鈕。