首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >验证错误后清除字段

问验证错误后清除字段
EN

Stack Overflow用户
提问于 2015-01-13 21:12:54
回答 1查看 3.4K关注 0票数 0

我有两个日期文本框与比较范围验证器。当我选择错误的日期时,我会从验证器得到一个类似预期的红旗,但是日期文本框不会在红旗警报后用清除按钮逻辑重置为空。如果有红旗,它不会击中Clear_Click中的断点。请帮帮忙。

aspx代码:

代码语言: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>

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

CodeBehind .cs:

代码语言:javascript
复制
protected void Clear_Click(object sender, EventArgs e)
{
  FromDate.Text = String.Empty;
  ToDate.Text = String.Empty;
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-01-13 21:32:41

如果您只想清除TextBox,我就不会回发到服务器。不管有没有JavaScript,我都会使用简单的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控件):

​

代码语言:javascript
复制
$(function() {
$( "#clearButton" ).click(function(e) {
    e.preventDefault();
  $("#FromDate").val("");
  $("#ToDate").val("");
});
});
代码语言:javascript
复制
<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" />

​

编辑:

  1. 如果你点击按钮,Clear_Click真的会被解雇吗?
  2. 在我的测试中,每个想法都很完美,请看下面的示例:

代码语言:javascript
复制
     <asp:Button ID="ClearButton" Text="Clear" runat="server" OnClick="Clear\_Click" />     </div> </form>

C#:

代码语言:javascript
复制
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;
        }
    }
}

你的代码和我的相似吗?

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27931604

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档