具有内置客户端验证的自定义文本框控件

Question

我的应用程序中有一个文本框，其中有多个验证，例如RequiredFieldValidator、RegexValidation 和CustomValidation。我的页面有几个类似的文本框。所以我只是复制粘贴并更改 id 和 controltovalidate 属性，它就可以工作了。

由于类似的 tbx 也将在另一个页面上使用，因此我认为创建我自己的具有内置验证的自定义 TextBox 控件会很好。

以下是我发现并尝试过的两种方法：

1：从 IValidator 实现，在 Validate Method 中执行我的自定义验证。如图所示： 自我验证文本框 但它没有展示如何实现客户端验证。

2：创建从 TextBox 派生的自定义控件并添加我需要的 asp.net 内置验证器。如图所示：自定义文本框 。我尝试了代码，它可以在服务器/客户端工作。

我喜欢第一种方法，但不知道如何实现客户端验证。我知道我需要一个客户端 js 函数。我能做到。我知道如何使用 Page.ClientScript 类包含我的 js 文件，但不知道如何将所有内容集成在一起并使其工作。

我可以创建一个 UserControl 或上面的第二种方法，但现在我特别希望从自定义控件中学习和实现客户端验证。

我正在使用 Asp.Net 2.0。感谢您的任何建议。

Answer 1

嗯，您是对的，您始终可以实现派生自 TextBox 的自定义服务器控件并自动关联几个验证器。但通常您不会创建自定义控件，除非明确需要它，然后通过几个不同的项目。为了拥有客户端验证，您通常需要 JavaScript，但请注意，大多数 ASP.net 验证控件已经内置了客户端验证（即必需的字段验证器、范围验证器等）。 .)。其他的（如自定义验证器）允许挂钩您的自定义 JavaScript。

对我来说听起来更合理的方法是让您的 TextBox 控件与您的 ASP.net 页面/用户控件上的一样，并在运行时动态地将验证器与您的代码关联起来。假设在您的 OnInit 事件中，您调用一个传递 TextBox 列表的函数 RegisterRequiredValidators。我只是在想：

public override void OnInit(...)
{
   ...
   RegisterRequiredValidators(
      txtFirstname, 
      txtSurname, 
      txtAge
   }
   ...
}

public void RegisterRequiredValidators(params Control[] textBoxes)
{
   //execute the logic of creating and attaching validators
}

这只是一个愚蠢的例子，只是为了解释上下文。理论上，您可以发展这个概念来注册任何类型的验证器。我们在工作中做了类似的事情，将其抽象为“规则”的形式，最终在前端呈现为 ASP.net 验证器。