Y&歪

朝梦想前进！
coolite学习之六：TextField输入验证
  1. Textbox 验证
  2. AllowBlank=“false”必填项，EmptyText =“必须输入联系人”。使用默认信息就可以了。
  3. 数值其他类型验证
  5. Vtype 属性 等于 email时 是对email 格式验证
  6.           等于 url 时 对url 验证。
  7. alpha //只能输入字母，无法输入其他（如数字，特殊符号等）
  8. alphanum//只能输入字母和数字，无法输入其他
  9. 属性MinLength 最小长度
  10. 属性MaxLength 最大长度
  12. Email 类型验证
  13. <ext:TextField ID="TextField2" runat="server" Vtype=” email”> </ext:TextField>
  15. 正则表达式验证
  16. <ext:TextField ID="TextField2" runat="server"   Regex="^[1-9]\d*$" > </ext:TextField>
  18. 匹配特定数字：
  19. ^[1-9]\d*$　 　 //匹配正整数
  20. ^-[1-9]\d*$ 　 //匹配负整数
  21. ^-?[1-9]\d*$　　 //匹配整数
  22. ^[1-9]\d*|0$　 //匹配非负整数（正整数 + 0）
  23. ^-[1-9]\d*|0$　　 //匹配非正整数（负整数 + 0）
  24. ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$　　 //匹配正浮点数
  25. ^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$　 //匹配负浮点数
  26. ^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$　 //匹配浮点数
  27. ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$　　 //匹配非负浮点数（正浮点数 + 0）
  28. ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$　　//匹配非正浮点数（负浮点数 + 0）
  30. Number 类型过滤  
  31. <ext:TextField ID="TextField2" runat="server" MaskRe="/[0-9\$\.]/"> </ext:TextField>
  33. 电话号码格式过滤
  35. <ext:TextField ID="TextField2" runat="server">
  36.                      <lugins>
  37.                         <ux:InputTextMask Mask="(99) 9999-9999">
  38.                         </ux:InputTextMask>
  39.                      </Plugins>
  40.                    </ext:TextField>
  41. 手机格式
  42. <ext:TextField ID="TextField2" runat="server">
  43.                      <lugins>
  44.                         <ux:InputTextMask Mask="0999-999-999">
  45.                         </ux:InputTextMask>
  46.                      </Plugins>
  47.                    </ext:TextField>
  48. Fax格式
  50. <ext:TextField ID="TextField2" runat="server">
  51.                      <lugins>
  52.                         <ux:InputTextMask Mask="99-9999-9999">
  53.                         </ux:InputTextMask>
  54.                      </Plugins>
  55.                    </ext:TextField>
  56. ABN and ACN 格式
  58. <ext:TextField ID="TextField2" runat="server">
  59.                      <lugins>
  60.                         <ux:InputTextMask Mask="99-999-999-999">
  61.                         </ux:InputTextMask>
  62.                      </Plugins>
  63.                    </ext:TextField>
  65. 两个时间控件时间间隔设置
  67.    <extateField runat="server" ID="FromDate" Vtype="daterange" FieldLabel="To">
  68.                      <Listeners>
  69.                         <Render Handler="this.endDateField = '#{ToDate}'" />
  70.                      </Listeners>
  71.                    </extateField>
  72.                    <extateField runat="server" ID="ToDate" Vtype="daterange" FieldLabel="From">
  73.                      <Listeners>
  74.                         <Render Handler="this.startDateField = '#{FromDate}'" />
  75.                      </Listeners>
  76.                    </extateField>

 

使用方法：

  1. <ext:Anchor Horizontal="100%">
  2. <ext:TextField ID="TextField1" runat="server" FieldLabel="Email" AllowBlank="false"
  3. BlankText="请输入您的Email!" EmptyText="这里输入Email" Vtype="email" VtypeText="该格式必须为邮件格式">
  4. </ext:TextField>
  5. </ext:Anchor>

以上是使用Vtype的方式.

 

 

  1. <ext:Anchor Horizontal="100%">
  2. <ext:TextField ID="txtWebSiteUrl" runat="server" FieldLabel="网站URL" AllowBlank="false"
  3. Regex="/http:\/\/([^0-9-][a-zA-Z0-9-]*\.)+[a-zA-Z]{2,3}/" RegexText="请输入有效的网址!">
  4. </ext:TextField>
  5. </ext:Anchor>

以上是Regex方式.

 

 

 

 

总结二：

 

Vtype只提供了四种验证,但是我们需要更多其它验证规则,你可以修改Coolite源码.扩展Vtypes
一般人不会这么做吧.那就使用Regex属性吧.加上自己的正则表达式就可以验证了.
常用表单正则表达式,仅供参考:
"^\d+$"　　//非负整数（正整数 + 0）
"^[0-9]*[1-9][0-9]*$"　　//正整数
"^((-\d+)|(0+))$"　　//非正整数（负整数 + 0）
"^-[0-9]*[1-9][0-9]*$"　　//负整数
"^-?\d+$"　　　　//整数
"^\d+(\.\d+)?$"　　//非负浮点数（正浮点数 + 0）
"^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$"　　//正浮点数
"^((-\d+(\.\d+)?)|(0+(\.0+)?))$"　　//非正浮点数（负浮点数 + 0）
"^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"　　//负浮点数
"^(-?\d+)(\.\d+)?$"　　//浮点数
"^[A-Za-z]+$"　　//由26个英文字母组成的字符串
"^[A-Z]+$"　　//由26个英文字母的大写组成的字符串
"^[a-z]+$"　　//由26个英文字母的小写组成的字符串
"^[A-Za-z0-9]+$"　　//由数字和26个英文字母组成的字符串
"^\w+$"　　//由数字、26个英文字母或者下划线组成的字符串
"^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$"　　　　//email地址
"^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$"　　//url
/^(d{2}|d{4})-((0([1-9]{1}))|(1[1|2]))-(([0-2]([1-9]{1}))|(3[0|1]))$/ //   年-月-日
/^((0([1-9]{1}))|(1[1|2]))/(([0-2]([1-9]{1}))|(3[0|1]))/(d{2}|d{4})$/ // 月/日/年
"^([w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$" //Emil
/^((\+?[0-9]{2,4}\-[0-9]{3,4}\-)|([0-9]{3,4}\-))?([0-9]{7,8})(\-[0-9]+)?$/     //电话号码
"^(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])$" //IP地址
匹配中文字符的正则表达式： [\u4e00-\u9fa5]
匹配双字节字符(包括汉字在内)：[^\x00-\xff]
匹配空行的正则表达式：\n[\s| ]*\r
匹配HTML标记的正则表达式：/.*|/
匹配首尾空格的正则表达式：(^\s*)|(\s*$)
匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配网址URL的正则表达式：^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$
匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
匹配国内电话号码：(\d{3}-|\d{4}-)?(\d{8}|\d{7})?
匹配腾讯QQ号：^[1-9]*[1-9][0-9]*$
元字符及其在正则表达式上下文中的行为：
\ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个后向引用、或一个八进制转义符。
^ 匹配输入字符串的开始位置。如果设置了 RegExp 对象的Multiline 属性，^ 也匹配 ’\n’ 或 ’\r’ 之后的位置。
$ 匹配输入字符串的结束位置。如果设置了 RegExp 对象的Multiline 属性，$ 也匹配 ’\n’ 或 ’\r’ 之前的位置。
* 匹配前面的子表达式零次或多次。
+ 匹配前面的子表达式一次或多次。+ 等价于 {1,}。
? 匹配前面的子表达式零次或一次。? 等价于 {0,1}。
{n} n 是一个非负整数，匹配确定的n 次。
{n,} n 是一个非负整数，至少匹配n 次。
{n,m} m 和 n 均为非负整数，其中n .*|/
匹配首尾空格的正则表达式：(^s*)|(s*$)
匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
匹配网址URL的正则表达式：http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?
利用正则表达式限制网页表单里的文本框输入内容：
用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')"
用正则表达式限制只能输入全角字符：
用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"
用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"
=========常用正则式
匹配中文字符的正则表达式： [\u4e00-\u9fa5]
匹配双字节字符(包括汉字在内)：[^\x00-\xff]
匹配空行的正则表达式：\n[\s| ]*\r
匹配HTML标记的正则表达式：/.*|/
匹配首尾空格的正则表达式：(^\s*)|(\s*$)
匹配IP地址的正则表达式：/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //
匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配网址URL的正则表达式：http://(/[\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
sql语句：^(select|drop|delete|create|update|insert).*$
1、非负整数：^\d+$
2、正整数：^[0-9]*[1-9][0-9]*$
3、非正整数：^((-\d+)|(0+))$
4、负整数：^-[0-9]*[1-9][0-9]*$
5、整数：^-?\d+$
6、非负浮点数：^\d+(\.\d+)?$
7、正浮点数：^((0-9)+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$
8、非正浮点数：^((-\d+\.\d+)?)|(0+(\.0+)?))$
9、负浮点数：^(-((正浮点数正则式)))$
10、英文字符串：^[A-Za-z]+$
11、英文大写串：^[A-Z]+$
12、英文小写串：^[a-z]+$
13、英文字符数字串：^[A-Za-z0-9]+$
14、英数字加下划线串：^\w+$
15、E-mail地址：^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$
16、URL：^[a-zA-Z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\s*)?$
或：^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^\"\"])*$
17、邮政编码：^[1-9]\d{5}$
18、中文：^[\u0391-\uFFE5]+$
19、电话号码：^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$
20、手机号码：^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$
21、双字节字符(包括汉字在内)：^\x00-\xff
22、匹配首尾空格：(^\s*)|(\s*$)（像vbscript那样的trim函数）
23、匹配HTML标记：.*|
24、匹配空行：\n[\s| ]*\r
25、提取信息中的网络链接：(h|H)(r|R)(e|E)(f|F) *= *('|")?(\w|\\|\/|\.)+('|"| *|>)?
26、提取信息中的邮件地址：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
27、提取信息中的图片链接：(s|S)(r|R)(c|C) *= *('|")?(\w|\\|\/|\.)+('|"| *|>)?
28、提取信息中的IP地址：(\d+)\.(\d+)\.(\d+)\.(\d+)
29、提取信息中的中国手机号码：(86)*0*13\d{9}
30、提取信息中的中国固定电话号码：(\(\d{3,4}\)|\d{3,4}-|\s)?\d{8}
31、提取信息中的中国电话号码（包括移动和固定电话）：(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}
32、提取信息中的中国邮政编码：[1-9]{1}(\d+){5}
33、提取信息中的浮点数（即小数）：(-?\d*)\.?\d+
34、提取信息中的任何数字 ：(-?\d*)(\.\d+)?
35、IP：(\d+)\.(\d+)\.(\d+)\.(\d+)
36、电话区号：/^0\d{2,3}$/
37、腾讯QQ号：^[1-9]*[1-9][0-9]*$
38、帐号(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
39、中文、英文、数字及下划线：^[\u4e00-\u9fa5_a-zA-Z0-9]+$

 

 

posted on 2010-07-23 14:15  xinyu1020  阅读(4127)  评论(0)  编辑  收藏  举报