Очистка полей после ошибки проверки

Question

У меня есть 2 текстовые поля даты с валидатором диапазона сравнения. Когда я выбираю неправильные даты, я получаю красный флаг, как ожидаемый от валидатора, но текстовые поля даты не сбрасываются в пустые строки с помощью кнопки кнопки очистки после предупреждения красного флага. Он не попадает в точку разрыва в Clear_Click, если есть красный флаг. Пожалуйста помоги.

код ASPX:

<asp:TextBox ID="FromDate" runat="server" /> 
<asp:TextBox ID="ToDate" runat="server" /> 
<asp:CompareValidator ID="DateCompareValidator" ControlToCompare="FromDate" 
    ControlToValidate="ToDate" Type="Date" Operator="GreaterThanEqual" ErrorMessage="*Invalid date range - Please check" 
    runat="server"></asp:CompareValidator> 

<asp:Button ID="ClearButton" Text="Clear" runat="server" OnClick="Clear_Click"/> 

CodeBehind .cs:

protected void Clear_Click(object sender, EventArgs e) 
{ 
    FromDate.Text = String.Empty; 
    ToDate.Text = String.Empty; 
} 

Answer 1

Если вы хотите, чтобы очистить TextBox, я бы не сделать постбэк к серверу. Я бы использовал простой JavaScript с jQuery или без него. Например:

<asp:TextBox ID="FromDate" runat="server" /> 
<asp:TextBox ID="ToDate" runat="server" /> 
<asp:CompareValidator ID="DateCompareValidator" ControlToCompare="FromDate" 
    ControlToValidate="ToDate" Type="Date" Operator="GreaterThanEqual" ErrorMessage="*Invalid date range - Please check" 
    runat="server"></asp:CompareValidator> 

<input type="button" id="clearButton" value="Clear" /> 

<script> 
$(function() { 
$("#clearButton").click(function() { 
    $("#<%= FromDate.ClientID %>").val(""); 
    $("#<%= ToDate.ClientID %>").val(""); 
}); 
}); 
</script> 

Вот очень небольшой пример (без элементов управления ASP.NET):

$(function() { 
 
$("#clearButton").click(function(e) { 
 
    e.preventDefault(); 
 
    $("#FromDate").val(""); 
 
    $("#ToDate").val(""); 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input ID="FromDate" type="text" /> 
 
<input ID="ToDate" type="text" /> 
 

 
<input type="button" id="clearButton" value="Clear" />

EDIT:

1. Если нажать кнопки, делает Clear_Click действительно получают ель ред?

2. В моем тесте каждый мозговым работает идеально, посмотрите на следующий пример: ASPX:

    <asp:Button ID="ClearButton" Text="Clear" runat="server" OnClick="Clear_Click" /> 
       </div> 
   </form> 
   

C#:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 

namespace ButtonTest2 
{ 
    public partial class WebForm1 : System.Web.UI.Page 
    { 
     protected void Page_Load(object sender, EventArgs e) 
     { 

     } 

     protected void Clear_Click(object sender, EventArgs e) 
     { 
      FromDate.Text = String.Empty; 
      ToDate.Text = String.Empty; 
     } 
    } 
} 

ли вы код похож на мой?