Atlas学习手记(26):使用Validators验证用户输入
2006-09-17 12:08
591 查看
Validator是Atlas提供的一组验证用户输入的客户端组件,用来检查InputControl类型的Atlas控件,例如Web.UI.TextBox的输入数据。在ASP.NET中提供了一组服务器端的验证控件,Atlas中的Validator在客户端也提供了同样的功能。
主要内容
1.Validators概述
2.完整示例
一.Validators概述
Validator是Atlas提供的一组验证用户输入的客户端组件,用来检查InputControl类型的Atlas控件,例如Web.UI.TextBox的输入数据。在ASP.NET中提供了一组服务器端的验证控件,Atlas中的Validator在客户端也提供了同样的功能。Atlas提供的Validator如下所示:
1.requiredFieldValidator:检查是否有数据输入。
2.typeValidator:检查输入的数据是否为特定的类型。
3.rangeValidator:检查输入的值是否在一个范围之内。
4.customValidator:用自定义的验证函数验证输入。
5.regexValidator:用指定的正则表达式验证输入。
某个Atlas客户端控件的Validator可被定义成一个集合,当控件的propertyChanged事件被引发时,Atlas将调用Validator集合中的所有Validator去验证输入的数据。在验证的过程中一旦失败,这个Validator的validationMessage将被设置。Validator可以以组的形式验证一组控件的输入,并统一显示错误信息。您还可以指定一个validationErrorLabel控件关联于某个将被验证的输入控件,它可以显示验证过程中的错误并可以自定义错误提示。[来自于Dflying的介绍]
二.完整示例
下面针对这几种Validator做几个简单的小例子。
1.requiredFieldValidator
检测是否有有数据输入,用一个textbox接收用户输入,用一个label来显示错误信息:
<div>
<h3>Example 1: Required Field Validator</h3>
<br />
<input type="text" id="value1TextBox" class="input" />
<span id="validator1" style="color: red">You must enter some text</span>
<br />
<br />
Text: <span id="value1Label" class="result"></span>
<br />
</div>
编写Atlas脚本,分别用一个requiredFieldValidator和validtionErrorLabel,并且把用户输入的数据显示在一个label上,在validationErrorLabel中用associatedControl来关联要验证的控件:
</script>
运行后界面如下:
<div>
<h3>Example 2: Type Validator</h3>
<br />
<input type="text" id="value2TextBox" class="input" />
<br />
<br />
<span id="validator2" style="color:red">You must enter a valid number</span>
</div>
编写Atlas脚本,设置非常简单,指定type为Number:
</script>
编译运行,输入数字100,验证通过没有报错误信息:
<div>
<h3>Example 3: RegEx Validator</h3>
<input type="text" id="value3TextBox" class="input" />
<br />
<br />
<span id="validator3" style="color: red">You must a valid phone number</span>
</div>
编写Atlas脚本,加入regexValidator,注意这儿在正则表达式的前后必须加入“/”?否则会报脚本错误:
</script>
编译运行,录入正确的电话号码:
输入错误格式的电话号码,会报“You must a valid phone number”错误:
本文就简单的介绍到这儿,其他的示例大家可以参考Atlas官方网站。
完整示例下载:http://files.cnblogs.com/Terrylee/ValidatorDemo.rar
主要内容
1.Validators概述
2.完整示例
一.Validators概述
Validator是Atlas提供的一组验证用户输入的客户端组件,用来检查InputControl类型的Atlas控件,例如Web.UI.TextBox的输入数据。在ASP.NET中提供了一组服务器端的验证控件,Atlas中的Validator在客户端也提供了同样的功能。Atlas提供的Validator如下所示:
1.requiredFieldValidator:检查是否有数据输入。
2.typeValidator:检查输入的数据是否为特定的类型。
3.rangeValidator:检查输入的值是否在一个范围之内。
4.customValidator:用自定义的验证函数验证输入。
5.regexValidator:用指定的正则表达式验证输入。
某个Atlas客户端控件的Validator可被定义成一个集合,当控件的propertyChanged事件被引发时,Atlas将调用Validator集合中的所有Validator去验证输入的数据。在验证的过程中一旦失败,这个Validator的validationMessage将被设置。Validator可以以组的形式验证一组控件的输入,并统一显示错误信息。您还可以指定一个validationErrorLabel控件关联于某个将被验证的输入控件,它可以显示验证过程中的错误并可以自定义错误提示。[来自于Dflying的介绍]
二.完整示例
下面针对这几种Validator做几个简单的小例子。
1.requiredFieldValidator
检测是否有有数据输入,用一个textbox接收用户输入,用一个label来显示错误信息:
<div>
<h3>Example 1: Required Field Validator</h3>
<br />
<input type="text" id="value1TextBox" class="input" />
<span id="validator1" style="color: red">You must enter some text</span>
<br />
<br />
Text: <span id="value1Label" class="result"></span>
<br />
</div>
编写Atlas脚本,分别用一个requiredFieldValidator和validtionErrorLabel,并且把用户输入的数据显示在一个label上,在validationErrorLabel中用associatedControl来关联要验证的控件:
</script>
运行后界面如下:
<div>
<h3>Example 2: Type Validator</h3>
<br />
<input type="text" id="value2TextBox" class="input" />
<br />
<br />
<span id="validator2" style="color:red">You must enter a valid number</span>
</div>
编写Atlas脚本,设置非常简单,指定type为Number:
</script>
编译运行,输入数字100,验证通过没有报错误信息:
<div>
<h3>Example 3: RegEx Validator</h3>
<input type="text" id="value3TextBox" class="input" />
<br />
<br />
<span id="validator3" style="color: red">You must a valid phone number</span>
</div>
编写Atlas脚本,加入regexValidator,注意这儿在正则表达式的前后必须加入“/”?否则会报脚本错误:
</script>
编译运行,录入正确的电话号码:
输入错误格式的电话号码,会报“You must a valid phone number”错误:
本文就简单的介绍到这儿,其他的示例大家可以参考Atlas官方网站。
完整示例下载:http://files.cnblogs.com/Terrylee/ValidatorDemo.rar
相关文章推荐
- Atlas学习手记(26):使用Validators验证用户输入
- 【转】使用Validators验证用户输入
- ASP.NET学习手记:验证用户表单输入
- ASP.NET学习手记:验证用户表单输入
- ASP.NET学习手记:验证用户表单输入
- ASP.NET学习手记:验证用户表单输入
- 一步步学习SPD2010--第十四章节--在Web页面使用控件(3)--验证用户数据输入
- ASP.NET学习手记:验证用户表单输入
- 一步步学习SPD2010--第十四章节--在Web页面使用控件(3)--验证用户数据输入
- SpringMVC使用Hibernate Validator验证用户输入
- Atlas学习手记(23):使用行为增强用户界面(三):Hover Behavior
- Atlas学习手记(4):使用AutoComplete Extender实现自动完成功能
- Atlas学习手记(13):使用TextBoxWatermark为TextBox加上水印效果
- Atlas学习手记(12):使用CascadingDropDown控件
- Atlas学习手记(15):使用RoundedCorners为控件加上圆角效果
- Atlas学习手记(22):使用行为增强用户界面(二):Floating Behavior
- Atlas学习手记(17):使用FilteredTextBox过滤字符
- SpringMVC学习笔记(五)验证用户输入
- Atlas学习手记(10):使用AlwaysVisibleControl Extender
- Atlas学习手记(5):使用服务端定时控件TimerControl