AJax技术

Asp.Net Ajax-FilteredTextBox控件使用基础教程

字号+ 作者:H5之家 来源:H5之家 2017-08-25 15:01 我要评论( )

简介 FilterTextBox控件是一种文本框的过滤控件,可以阻止用户进行不准确的输入,相比较vs里提供的验证控件显得更为严格,验证控件是在用户输入了不准确的输入后

简介

FilterTextBox控件是一种文本框的过滤控件,可以阻止用户进行不准确的输入,相比较vs里提供的验证控件显得更为严格,验证控件是在用户输入了不准确的输入后,给出相应的提示,而现在要介绍的FilterTextBox都不给用户输入错误数据的机会。

重要属性 示例

1 打开vs2005,新建一个AjaxControlToolKit网站,命名为oec2003_FilteredTextBox
2 打开默认生成的Default.aspx页面,切换到设计视图
3 在页面中拖拽4个TextBox和4个FilterTextBoxExtender控件。控件的源码如下

="server" ="UppercaseLetters"> </> <="server" ="LowercaseLetters"> </> <="server" ="Numbers"> </> <="server" ="Custom"> </

4 保存所有的设计,运行网站,试试看,第四个文本框中就只能输入oec2003了,输入其他的字符时就会发现文本框是没有反应的。

在页面上如果有一个GridView用来显示数据库的一些数据,而且数据库中有一些数值型的字段,在GridView中可以编辑获取的数据,在这儿用FilterTextBox控件是再合适不过了,可以避免用户在更新时输入不正确的数据。

1 新建一个web页面,在页面中添加ScriptManager和UpdatePanel控件。

2 在UpdatePanel控件中添加一个GridView控件,并配置数据源,按照向导进行,当出现下图时,点击高级按钮。

3 在高级对话框中钩选[生成insert update delete语句] 项只有选了此项,GridView才能实现编辑功能。

4 数据源配置好后,将GridView的数值的字段转换为模板列。

5 编辑GridView的模板列,在模板列中添加FilterTextBox控件,并设置过滤属性为numbers,TargetControlID关联上模板列中的文本框,模板列代码如下:

<edititemtemplate> <# Bind("min_lvl") > <="server" ="Numbers"> </> </edititemtemplate> <edititemtemplate> <# Bind("max_lvl") > <="server" ="Numbers"> </> </edititemtemplate>

保存设计,按f5运行,编辑Gridview就会发现,数值型字段的文本框就只能输入数字了

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery教程视频_Ajax方法介绍

    jQuery教程视频_Ajax方法介绍

    2017-08-25 16:00

  • W3Cschool AJAX 教程

    W3Cschool AJAX 教程

    2017-08-24 13:06

  • 使用反向Ajax技术做在线客服系统

    使用反向Ajax技术做在线客服系统

    2017-08-23 18:00

  • 今天开始应该使用 5 个JavaScript调试技巧 WEB前端开发

    今天开始应该使用 5 个JavaScript调试技巧 WEB前端开发

    2017-08-23 11:00

网友点评
"