验证错误后清除字段

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"/>

代码隐藏.cs:

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

Answer 1

如果您只想清除文本框，我不会回传到服务器。无论是否使用 jQuery，我都会使用简单的 JavaScript。例如：

<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" />

编辑：

如果你点击按钮，Clear_Click真的会被解雇吗？

在我的测试中，每一个都认为工作完美，看下面的例子： 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;
        }
    }
}

你的代码和我的相似吗？

验证错误后清除字段

Clearing fields after the validation error

c#

asp.net