自定义控件（js弹出框方式和自带验证控件）验证textbox

最新推荐文章于 2022-06-26 19:42:24 发布
最新推荐文章于 2022-06-26 19:42:24 发布
阅读量147 收藏
点赞数
文章标签： ui

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace ValidateTextBox
{


#region 枚举数据
<summary>
/// 验证数据类型
/// </summary>
public enum DataType
{
Never, //不验证
String, //字符串
Int, //整数
IntPostive, //大于0的整数
IntZeroPostive, //大于等于0的整数
Float, //数字
FloatPostive, //大于0的数字
FloatZeroPostive, //大于等于0的数字
Url, //链接
Mail, //邮箱
ChineseChars, //汉字
EnglishChars, //英文
EngNum, //英文和数字
EngNumUnerline, //英文、数字和下划线
PhoneNumber, //电话号码
MobileNumber, //手机号码
PostalCode, //邮政编码
Custom //自定义正则式
}
<summary>
/// 触发验证的事件，当为通过js方法alert弹出方式时使用
/// </summary>
public enum ActionType
{
onClick, //鼠标点击事件
onSubmit, //鼠标双击事件
onDblClick, //鼠标上的按钮被按下了
onMouseDown,//鼠标按下后，松开时激发的事件
onMouseUp, //鼠标按下后，松开时激发的事件
onMouseOver,//当鼠标移动到某对象范围的上方时触发的事件
onMouseMove,//鼠标移动时触发的事件
onMouseOut, //当鼠标离开某对象范围时触发的事件
onKeyPress, //键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
onKeyDown, //当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]
onKeyUp, //当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]
onBlur, //当前元素失去焦点时触发的事件
onChange, //当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]
onFocus, //当某个元素获得焦点时触发的事件
onReset //当表单中RESET的属性被激发时触发的事件

}
public enum ValidType
{
JSAlert, //采用 js 进行验证
ServerValide //采用服务器验证控件进行验证
}
#endregion 枚举数据完毕
[DefaultProperty("Text")]
[ToolboxData("<{0}:WebCustomControl1 runat=server></{0}:WebCustomControl1>")]
public class ValidateTextBox : System.Web.UI.WebControls.TextBox
{
private string error = "";

#region 属性定义

/// <summary>
/// 验证的方式时js验证还是服务器控件进行验证
/// </summary>
[Bindable(true)]
[Category("Data")]
[Browsable(true)]
[Description("在什么事件时触发验证")]
[DefaultValue("IntPostive")]
public ValidType validType
{
get { return ViewState["_validType"] == null ? "ServerValide" : ViewState["_validType"]; }
set { ViewState["_validType"] = value; }
}
/// <summary>
/// 验证的方式时js验证还是服务器控件进行验证
/// </summary>
[Bindable(true)]
[Category("Data")]
[Browsable(true)]
[Description("是否允许为空")]
[DefaultValue("IntPostive")]
public bool AllowEmpty
{
get { return ViewState["AllowEmpty"] == null ? true : (bool)ViewState["AllowEmpty"]; }
set { ViewState["AllowEmpty"] = value; }
}
/// <summary>
/// 触发验证的控件
/// </summary>
[Bindable(true),
Category("Data"), Description("触发验证的控件"),
DefaultValue("")]
public System.String ControlOfValidate
{
get { return ViewState["ControlOfValidate"] == null ? String.Empty : (string)ViewState["ControlOfValidate"]; }
set { ViewState["ControlOfValidate"] = value; }
}
/// <summary>
/// 错误信息提示的 CSS 类名
/// </summary>
[Bindable(true)]
[Browsable(true)]
[Category("自定义信息区")]
[Description("错误信息提示的 CSS 类名")]
[DefaultValue("")]
public string CssError
{
get { return ViewState["CssError"] == null ? "" : (string)ViewState["CssError"] ; }
set { ViewState["CssError"] = value; }
}
/// <summary>
/// 触发验证的控件的事件名称
/// </summary>
[Bindable(true)]
[Category("Data")]
[Browsable(true)]
[Description("在什么事件时触发验证")]
[DefaultValue("IntPostive")]
public ActionType actionType
{
get { return ViewState["actionType"] == null ? ActionType.onClick.ToString() : (String)ViewState["actionType"]; }
set { ViewState["actionType"] = value; }
}
/// <summary>
/// 为空时提示的错误信息
/// </summary>
[Bindable(true)]
[Category("Data")]
[Browsable(true)]
[Description("为空错误信息")]
[DefaultValue("IntPostive")]
public String NullErrorMsg
{
get { return ViewState["NullErrorMsg"] == null ? "输入不能为空" : (String)ViewState["NullErrorMsg"]; }
set { ViewState["NullErrorMsg"] = value; }
}
/// <summary>
/// 格式错误时的错误信息
/// </summary>
[Bindable(true)]
[Category("Data")]
[Browsable(true)]
[Description("为空错误信息")]
[DefaultValue("IntPostive")]
public String FormartErrorMsg
{
get { return ViewState["FormartErrorMsg"] == null ? "": (String)ViewState["FormartErrorMsg"]; }
set { ViewState["FormartErrorMsg"] = value; }
}
/// <summary>
/// 自定义正则式
/// </summary>
[Bindable(true)]
[Category("Data")]
[Browsable(true)]
[Description("自定义正则式")]
[DefaultValue("IntPostive")]
public String ValidExpressionCustom
{
get { return ViewState["ValidExpressionCustom"] == null ? "": (String)ViewState["ValidExpressionCustom"]; }
set { ViewState["ValidExpressionCustom"] = value; }
}
[Description("验证数据类型，默认为不验证")]
[DefaultValue("IntPostive")]
public DataType RessType
{
get { return ViewState["RessType"] == null ? DataType.Never : (DataType)ViewState["RessType"]; }
set { ViewState["RessType"] = value; }
}
#endregion 属性定义完毕

#region 构造函数，初始化子控件
/// <summary>
/// 初始化子控件
/// </summary>
private System.Web.UI.WebControls.RequiredFieldValidator rfvDataInput = new RequiredFieldValidator();
private System.Web.UI.WebControls.RegularExpressionValidator revDataInput = new RegularExpressionValidator();
private Panel pnlFrame = new Panel();

public ValidateTextBox()
{

}
#endregion 构造函数完毕


protected override void RenderContents(HtmlTextWriter output)
{

}

protected override void EnsureChildControls()
{
if (this.validType == ValidType.ServerValide)
{
this.rfvDataInput.CssClass = this.CssError;
this.rfvDataInput.ErrorMessage = "*输入不能为空";
this.rfvDataInput.Display = System.Web.UI.WebControls.ValidatorDisplay.Dynamic;
this.rfvDataInput.EnableViewState = true;
this.rfvDataInput.ControlToValidate = base.ID;

this.revDataInput.CssClass = this.CssError;
this.revDataInput.ErrorMessage = "*输入格式错误";
this.revDataInput.Display = System.Web.UI.WebControls.ValidatorDisplay.Dynamic;
this.revDataInput.EnableViewState = true;
this.revDataInput.ControlToValidate = base.ID;
//将子控件添加到此自定义控件中
this.Controls.Add(rfvDataInput);
this.Controls.Add(revDataInput);
this.Controls.Add(pnlFrame);
}
else
{
this.Controls.Add(pnlFrame);
this.getString();
}
}

#region 向页面写如控件

protected override void Render(HtmlTextWriter writer)
{
base.Render(writer);
writer.Write("&nbsp;");
if (this.validType == ValidType.ServerValide)
{
if (!this.AllowEmpty)
{
this.rfvDataInput.ID = "rfv" + base.ID;
this.rfvDataInput.ControlToValidate = base.ID;
this.rfvDataInput.RenderControl(writer);
}

if (this.RessType != DataType.Never && this.RessType != DataType.String)
{
this.revDataInput.ID = "rev" + base.ID;
this.revDataInput.ControlToValidate = base.ID;
this.revDataInput.ValidationExpression = this.GetValidRegex();
this.revDataInput.ErrorMessage = error;
this.revDataInput.RenderControl(writer);
}
}
else
{
System.Web.UI.ClientScriptManager client = this.Page.ClientScript;
Type cstype = Page.GetType();
client.RegisterStartupScript(cstype, base.ID + "_validate", getString());
this.pnlFrame.RenderControl(writer);

}

}
#endregion 向页面写入控件完
#region 得到正则式
private string GetValidRegex()
{
string regex = @"(/S)";
switch (this.RessType)
{
case DataType.Never :
break;
case DataType.Int :
error = "*必须为整数";
regex = @"(-)?(/d+)";
break;
case DataType.IntPostive :
error = "*必须为大于0的整数";
regex = @"([1-9]{1}/d*)";
break;
case DataType.IntZeroPostive :
error = "*必须为不小于0的整数";
regex = @"(/d+)";
break;
case DataType.Float :
error = "*必须为数字";
regex = @"(-)?(/d+)(((/.)(/d)+))?";
break;
case DataType.FloatPostive :
error = "*必须为大于0的数字";
regex = @"(/d+)(((/.)(/d)+))?";
break;
case DataType.FloatZeroPostive :
error = "*必须为不小于0的数字";
regex = @"(/d+)(((/.)(/d)+))?";
break;
case DataType.Url :
error = "*URL格式错误";
regex = @"(http://)?([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?";
break;
case DataType.Mail :
error = "*EMail格式错误";
regex = @"/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*";
break;
// case DataType.ChineseChars :
// error = "*包含中文字符";
// regex = @"[^/x00-/xff]";
// break;
case DataType.EnglishChars :
error = "*只能输入英文字符";
regex = @"[a-zA-Z]*";
break;
case DataType.EngNum :
error = "*只能输入英文字符和数字";
regex = @"[a-zA-Z0-9]*";
break;
case DataType.EngNumUnerline :
error = "*只能输入英文字符、数字和下划线";
regex = @"[a-zA-Z0-9_]*";
break;
case DataType.PhoneNumber :
error = "*电话号码格式错误";
regex = @"(86)?(-)?(0/d{2,3})?(-)?(/d{7,8})(-)?(/d{1,5})?";
break;
case DataType.MobileNumber :
error = "*手机号码格式错误";
regex = @"(0)?(13)/d{9}";
break;
case DataType.PostalCode :
error = "*邮编格式错误";
regex = @"/d{6}";
break;
case DataType.Custom :
error = "*格式错误";
regex = this.ValidExpressionCustom;
break;
default:
break;
}
if(this.FormartErrorMsg.Trim() != "")
error = this.FormartErrorMsg;
return regex;
}
#endregion
#region 当为js验证的时候向页面输出的脚本

private string getString()
{
string strScript = @"<script language='javascript'>
function
newElement()
{
if(!document.getElementById('newP')){
var newElem = document.createElement('input');
newElem.setAttribute('id','newP');//newElem.id = 'newP';
newElem.setAttribute('value','0');//newElem.id = 'newP';
newElem.setAttribute('type','hidden');//newElem.id = 'newP';
document.body.appendChild(newElem);
}

function " + base.ID + @"_check(){
if(if(document.getElementById('newP').value=='已显示'))
{
return false;
}
var obj=document.getElementById('" + base.ID + "_" + @"');
var strTemp=obj.value;
strTemp=strTemp.replace(/^(/s)*|(/s)*$/g,'');//去掉字符串两边的空格
if (strTemp.length<1)
{

alert('" + this.NullErrorMsg + @"');

document.getElementById('newP')='已显示';
return false;
}
}
window.attachEvent('onload'," + base.ID+@"_enter);
function()" + base.ID + @"_enter(){
newElement();
document.getElementById('";
strScript += this.ControlOfValidate + "').attachEvent('" + GetAction() +"'," + base.ID + @"_check);
}
</script> ";
return strScript;
}
#endregion 输出脚本完
#region 得到具体的事件
private string GetAction()
{

switch (this.actionType)
{
case ActionType.onBlur:
return "onBlur";
case ActionType.onChange:
return "onChange";

case ActionType.onClick :
return "onClick";
case ActionType.onDblClick :
return "onDblClick";
case ActionType.onFocus :
return "onFocus";
case ActionType.onKeyDown :
return "onKeyDown";
case ActionType.onKeyPress :
return "onKeyPress";
case ActionType.onKeyUp:
return "onKeyUp";
case ActionType.onMouseDown:
return "";
case ActionType.onMouseMove:
return "onMouseDown";
case ActionType.onMouseOut:
return "onMouseOut";
case ActionType.onMouseOver:
return "onMouseOver";
case ActionType.onMouseUp:
return "onMouseUp";
case ActionType.onReset:
return "onReset";
case ActionType.onSubmit:
return "onSubmit";
default:
return "onclick";
}

}
#endregion
}
}

iteye_6481
关注
C#自定义控件库
01-22
"C#自定义控件库"是指使用C#语言编写的、由开发者自定义的控件集合，这些控件可以扩展.NET Framework的标准控件集，为用户提供更丰富的界面元素和功能。自定义控件是软件开发中的一个重要环节，特别是在UI设计和用户...
自定义验证控件CustomValidator
weixin_34161064的博客
12-10 500
　asp.net 1.1中，有不少验证控件，大大方便了我们，但有的时候，当需要做特殊的验证时，还会觉得不够用的，于是我们可以用自定义验证控件CustomValidator，要使用这个控件，必须在服务端写相应的事件，格式如下： 　　Sub FunctionName(sende...
创建自定义验证控件 (asp.net C#)
bentonite的专栏
11-30 1844
学习如何创建自定义验证控件。我们将创建两个自定义控件，首先创建LengthValidator控件，它用于验证表单字段中的内容的长度；然后创建AjaxValidator控件。AjaxValidator控件通过把信息传到定义在服务器端的自定义函数来在客户端执行验证。我们通过从BaseValidator类派生一个新的控件来创建新的验证控件。如名字所示，BaseValidator类是所
自定义验证控件
weixin_33790053的博客
01-18 203
richtextbox没法用maxlength进行限制，只能用自定义验证控件罗，调用cipher写的lengthb函数，保证中文的长度也能正确验证，然后在验证控件中调用就好了～～ functionLengthB(str){ varp1=newRegExp('%u..','g') varp2=newRegExp('%.','g') ...
CustomValidator自定义验证控件
排骨要加油
04-21 1034
<br /><asp:CustomValidator<br />         id="valComments"<br />         ControlToValidate="txtComments"<br />         Text="(Comments must be less than 10 characters)"<br />         OnServerValidate="valComments_ServerValidate"<br />         Runat="se
自定义验证控件CustomValidator的使用
09-17 2526
CustomValidator验证控件，可以自定义验证函数，实现其它几个验证控件不能实现的验证规则，最简单的应用如下： 自定义验证控件的使用 function IsEven(source, args) { if (args.Value % 2 == 0 ) { arg.Is
HTML控件和验证控件.ppt
最新发布
11-12
验证控件是ASP.NET中用于确保用户输入符合特定要求的工具，如RequiredFieldValidator（必填字段验证）、CompareValidator（比较验证）、RegularExpressionValidator（正则表达式验证）、RangeValidator（范围验证）...
C#自定义控件实现TextBox禁止粘贴的方法
08-30
C#自定义控件实现TextBox禁止粘贴的方法 本文主要介绍了C#自定义控件实现TextBox禁止粘贴的方法，通过继承TextBox类并重写WndProc方法来拦截粘贴消息，实现禁止粘贴功能。同时，本文还提供了一个完整的示例代码，...
自定义textbox控件
04-04
总的来说，创建自定义`TextBox`控件是一个涉及继承、事件处理、属性扩展和DLL打包的过程。这个案例中的自定义控件特别强调了输入格式的限制，这是许多业务应用中常见的需求。通过理解并实践这个案例，开发者可以提升...
自定义验证码控件
编码青年的专栏
07-26 741
自定义验证码控件类： using System; using System.Collections.Generic; using System.ComponentModel; using System.Linq; using System.Text; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; u
ASP.NET自定义验证控件
03-16
NULL 博文链接：https://xiaopin.iteye.com/blog/421463
WPF自定义正则验证控件
06-01
自定义文本框控件，能实现自定义的正则验证规则。
好用的自定义验证控件
06-20
public static bool ControlCheckOutNull(System.Windows.Forms.Control ctrl, string targt, System.Windows.Forms.ToolTip t) { if (string.IsNullOrEmpty(targt)) { t.ForeColor = System.Drawing.Color.Red; t.Show("此项不能为空！", ctrl, 2000); ctrl.Focus(); return false; } return true;
Asp.Net验证控件
DONGLI2001的博客
06-26 895
Asp.Net验证控件1.CompareValidator 比较验证 2.CustomValidator 自定义验证 3.RangeValidator 范围验证 4.RequiredFieldValidator 非空验证 5.RegularExpressionValidator 正则验证 6.ValidationSummary 集合信息
Qt编写自定义控件：滑动验证控件
友善啊，朋友的博客
11-13 1272
效果： 代码： #ifndef DRAGSLIDERVERIFY_H #define DRAGSLIDERVERIFY_H #include <QWidget> class DragSliderVerify : public QWidget { Q_OBJECT public: DragSliderVerify(QWidget *parent = nullptr); ~DragSliderVerify(); protected: void pai
纯js实现的前端验证插件
lwpoor123的博客
03-21 2080
之前有写过一个在C#后台实现的点击图上上文字实现安全验证的插件，相对于js验证来说更安全，缺点是只能在c#后台实现，最近发现一个纯js实现的安全验证插件，最大好处就是简洁，跨平台。 下面直接把代码贴出来分享给大家： 运行示例：http://img.lwpoor.cn/verify/login.html 这里包含两个验证的控件：1、拖动滑块拼接图片完成验证 2、点击图片上的文字完成验证 ...
js实现弹窗登录验证
热门推荐
hyty的博客
09-28 1万+
js实现弹窗登录验证 1.CSS隐藏的弹窗块 &amp;lt;style&amp;gt; #notClickDiv{ filter:alpha(Opacity=35);opacity:0.35; /*设置不透明度为35%*/ background:#000000; /*设置背景为黑色*/ position:absolute; /*设置定位方式为绝对位置*/ display:none...
jQuery中实现点击按钮弹出验证信息
weixin_43319279的博客
10-12 2130
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>day03</title> <script src="jquery-3.3.1.min.js"> </script> <style type="text/css"&gt...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值