驗證文件上傳並禁用提交按鈕

Question

我的文件上傳有這個RegularExpressionValidator ，它僅接受.jpg ：

<asp:RegularExpressionValidator ID="regexValidator" runat="server"
ControlToValidate="FileUpload1" ForeColor="red" Font-Size="Smaller"
ErrorMessage="Only JPEG images are allowed"
ValidationExpression="(.*\.([Jj][Pp][Gg])|.*\.([Jj][Pp][Ee][Gg])$)">
</asp:RegularExpressionValidator>

問題是，當我嘗試選擇其他文件類型而不是jpg/jpeg ，會顯示錯誤消息，但是當我嘗試單擊“提交”按鈕時，它將提交。

我正在考慮禁用和啟用提交按鈕，直到輸入被完全驗證，但我不知道jquery如何與asp:RegularExpressionValidator

Answer 1

使用jQuery，您可以通過檢查正則表達式中的布爾值來阻止表單提交操作，然后阻止默認值：

$("#form1").submit(function(){
    if(!(boolean)){
        event.preventDefault(); 
    }
}

編輯：錯過了Regex來自ASP，但是您可以使用asp在表單上設置屬性，然后使用jQuery檢查表單屬性。

Answer 2

最可能的解釋是您提交按鈕中的ValidationGroup已綁定到另一個組。

此外，您還應注意，回發時最好使用Page.IsValid方法重新檢查驗證器（這是最佳做法），因為這不能保證您的驗證器在瀏覽器中觸發-例如，關閉了javascript等。 ）

樣例代碼：

protected void btnSave_Click(object sender, EventArgs e)
{
    //Check that validators are valid
    if (!Page.IsValid)  
        return;

   //save image
}