Ext.js正则小结
ExtJS的textField本身具备验证输入值的一些属性和方法,这些属性和方法都在config参数中进行配置。 1:是否允许空值 2:最长字符和最短字符 3:正则表达式 可以通过方法isValid( Boolean preventMark ) :Boolean 来得知输入值是否满足所有的限制要求。 注意: Sample:
Ext.onReady(function(){
var _win=new Ext.Window({ title : "找回密码", width : 180, layout:"form", labelWidth:60, items:[{ xtype:"textfield", fieldLabel:"你的姓名" , allowBlank:false, blankText :'姓名不能为空', minLength :2 , minLengthText : "姓名最少2个字符", maxLength : 4 , maxLengthText :"姓名至多4个字符", width : 80, regex : /^[abc]{2,4}$/, regexText : "只能输入abc" }], buttons:[ { text:'下一步' },{ text:'取消' } ] }); Ext.QuickTips.init(); _win.show(); }); 使用extJs时能常用的正则表达式 "^d+$" //非负整数(正整数 + 0) 匹配中文字符的正则表达式: [u4e00-u9fa5] 下表是元字符及其在正则表达式上下文中的行为的一个完整列表: 将下一个字符标记为一个特殊字符、或一个原义字符、或一个后向引用、或一个八进制转义符。 ^ 匹配输入字符串的开始位置。如果设置了 RegExp 对象的Multiline 属性,^ 也匹配 'n' 或 'r'之后的位置。 $ 匹配输入字符串的结束位置。如果设置了 RegExp 对象的Multiline 属性,$ 也匹配 'n' 或 'r'之前的位置。 * 匹配前面的子表达式零次或多次。 + 匹配前面的子表达式一次或多次。+ 等价于 {1,}。 ? 匹配前面的子表达式零次或一次。? 等价于 {0,1}。 {n} n 是一个非负整数,匹配确定的n 次。 {n,} n 是一个非负整数,至少匹配n 次。 {n,m} m 和 n 均为非负整数,其中n <= m。最少匹配 n 次且最多匹配 m次。在逗号和两个数之间不能有空格。 ? 当该字符紧跟在任何一个其他限制符 (*, +, ?, {n}, {n,}, {n,m})后面时,匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串,而默认的贪婪模式则尽可能多的匹配所搜索的字符串。 . 匹配除 "n" 之外的任何单个字符。要匹配包括 'n' 在内的任何字符,请使用象 '[.n]' 的模式。 (?:pattern) 匹配pattern 但不获取匹配结果,也就是说这是一个非获取匹配,不进行存储供以后使用。 (?=pattern) 正向预查,在任何匹配 pattern的字符串开始处匹配查找字符串。这是一个非获取匹配,也就是说,该匹配不需要获取供以后使用。 (?!pattern) 负向预查,与(?=pattern)作用相反 x|y 匹配 x 或 y。 [xyz] 字符集合。 [^xyz] 负值字符集合。 [a-z] 字符范围,匹配指定范围内的任意字符。 [^a-z] 负值字符范围,匹配任何不在指定范围内的任意字符。 b 匹配一个单词边界,也就是指单词和空格间的位置。 B 匹配非单词边界。 cx 匹配由x指明的控制字符。 d 匹配一个数字字符。等价于 [0-9]。 D 匹配一个非数字字符。等价于 [^0-9]。 f 匹配一个换页符。等价于 x0c 和 cL。 n 匹配一个换行符。等价于 x0a 和 cJ。 r 匹配一个回车符。等价于 x0d 和 cM。 s 匹配任何空白字符,包括空格、制表符、换页符等等。等价于[ fnrtv]。 S 匹配任何非空白字符。等价于 [^ fnrtv]。 t 匹配一个制表符。等价于 x09 和 cI。 v 匹配一个垂直制表符。等价于 x0b 和 cK。 w 匹配包括下划线的任何单词字符。等价于'[A-Za-z0-9_]'。 W 匹配任何非单词字符。等价于 '[^A-Za-z0-9_]'。 xn 匹配 n,其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。 num 匹配 num,其中num是一个正整数。对所获取的匹配的引用。 n 标识一个八进制转义值或一个后向引用。如果 n 之前至少 n 个获取的子表达式,则 n 为后向引用。否则,如果 n为八进制数字 (0-7),则 n 为一个八进制转义值。 nm 标识一个八进制转义值或一个后向引用。如果 nm 之前至少有is preceded by at least nm个获取得子表达式,则 nm 为后向引用。如果 nm 之前至少有 n 个获取,则 n 为一个后跟文字 m的后向引用。如果前面的条件都不满足,若 n 和 m 均为八进制数字 (0-7),则 nm 将匹配八进制转义值 nm。 nml 如果 n 为八进制数字 (0-3),且 m 和 l 均为八进制数字 (0-7),则匹配八进制转义值 nml。 un 匹配 n,其中 n 是一个用四个十六进制数字表示的Unicode字符。 匹配中文字符的正则表达式: [u4e00-u9fa5] 匹配双字节字符(包括汉字在内):[^x00-xff] 应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) String.prototype.len=function(){returnthis.replace([^x00-xff]/g,"aa").length;} 匹配空行的正则表达式:n[s| ]*r 匹配HTML标记的正则表达式:/<(.*)>.*</1>|<(.*) />/ 匹配首尾空格的正则表达式:(^s*)|(s*$) 应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现,如下: String.prototype.trim = function() 利用正则表达式分解和转换IP地址: 下面是利用正则表达式匹配IP地址,并将IP地址转换成对应数值的Javascript程序: function IP2V(ip) 不过上面的程序如果不用正则表达式,而直接用split函数来分解可能更简单,程序如下: var ip="10.100.20.168" 匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)* 匹配网址URL的正则表达式:http://([w-]+.)+[w-]+(/[w- ./?%&=]*)? 利用正则表达式去除字串中重复的字符的算法程序: var s="abacabefgeeii" 我原来在CSDN上发贴寻求一个表达式来实现去除重复字符的方法,最终没有找到,这是我能想到的最简单的实现方法。思路是使用后向引用取出包括重复的字符,再以重复的字符建立第二个表达式,取到不重复的字符,两者串连。这个方法对于字符顺序有要求的字符串可能不适用。 得用正则表达式从URL地址中提取文件名的javascript程序,如下结果为page1 s="http://www.jb51.net/page1.htm" 利用正则表达式限制网页表单里的文本框输入内容: 用正则表达式限制只能输入中文:οnkeyup="this.value=this.value.replace(/["^u4E00-u9FA5]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))" 用正则表达式限制只能输入全角字符:οnkeyup="this.value=this.value.replace(/["^uFF00-uFFFF]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^uFF00-uFFFF]/g,''))" 用正则表达式限制只能输入数字:οnkeyup="this.value=this.value.replace(/["^d]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))" 用正则表达式限制只能输入数字和英文:οnkeyup="this.value=this.value.replace(/[W]/g,"'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))" |
ExtJS的textField本身具备验证输入值的一些属性和方法,这些属性和方法都在config参数中进行配置。 1:是否允许空值 2:最长字符和最短字符 3:正则表达式 可以通过方法isValid( Boolean preventMark ) :Boolean 来得知输入值是否满足所有的限制要求。 注意: Sample: Ext.onReady(function(){ }); |
ExtJS的textField本身具备验证输入值的一些属性和方法,这些属性和方法都在config参数中进行配置。
1:是否允许空值
allowBlank :Boolean
如果是true,则允许,否则不允许,默认是true。
blankText :String
如果allowBlank设置为true,并且那个textField的值为空,则会显示blankText属性的字符串以给出错误提示。
2:最长字符和最短字符
maxLength :Number
最长字符(可以达到)
maxLengthText :String
超出设定的最长字符时,会显示maxLengthText属性的字符串以给出错误提示。
minLength :Number
最短字符(可以达到)
minLengthText :String
不足设定的最短字符时,会显示minLengthText属性的字符串以给出错误提示。
3:正则表达式
regex : RegExp
设定正则表达式,eg:/^[abc]$/
regexText :String
输入值违反正则表达式时,会显示regexText属性的字符串以给出错误提示。
可以通过方法isValid( Boolean preventMark ) :Boolean 来得知输入值是否满足所有的限制要求。
注意:
所有的错误提示,分两种,一种是在textField下底框上加上红色波浪线,另一种是显示相应的错误提示字符串,同时给出红色波浪线。
后一种方法需要调用Ext.QuickTips.init();才能生效,默认下,只有前一种方式。
Sample:
Ext.onReady(function(){
var _win=new Ext.Window({
title : "找回密码",
width : 180,
layout:"form",
labelWidth:60,
items:[{
xtype:"textfield",
fieldLabel:"你的姓名" ,
allowBlank:false,
blankText :'姓名不能为空',
minLength :2 ,
minLengthText : "姓名最少2个字符",
maxLength : 4 ,
maxLengthText :"姓名至多4个字符",
width : 80,
regex : /^[abc]{2,4}$/,
regexText : "只能输入abc"
}],
buttons:[
{
text:'下一步'
},{
text:'取消'
}
]
});
Ext.QuickTips.init();
_win.show();
});
Ext.js正则小结相关推荐
- 【翻译】了解Ext JS 5的小部件
原文:Understanding Widgets in Ext JS 5 在Ext JS 5,引入了新的"widgetcolumn",支持在网格的单元格中放置组件.同时,还在Ext ...
- 小弟的新书《Ext JS权威指南》终于出版了
链接:http://product.china-pub.com/3661375&weibo#ml <ext js权威指南> 前 言 第1章 ext js 4开发入门 / 1 1.1 ...
- 《Ext JS 高级程序设计》的目录与样张
第一部分 Ext Core 第1 章 Ext Core 重要概念 ············· 2 1.1 Ext.Element······························· 2 1. ...
- 【翻译】Ext JS 4.2介绍
原文:Introducing Ext JS 4.2 Ext JS 4.2包含了许多令人兴奋的增强功能和特性.你可能已经在之前的文章中阅读过相关的一些功能和特性了,如Grid组件改进.在这篇文章中,将介 ...
- 谈谈Ext JS的组件——布局的使用方法续二
绝对布局(Ext.layout.container.Absolute) 绝对布局让我回想到了使用Foxpro开发的时候,哪时候的界面布局就是这样,通过设置控件的左上角坐标(x,y)和宽度来进行的,因为 ...
- js正则相关知识点专题
1.JS正则表达式一条龙讲解(从原理和语法到JS正则) //www.jb51.net/article/110516.htm 2.教你轻松记住JS正则表达式 //www.jb51.net/articl ...
- 《.NET最佳实践》与Ext JS/Touch的团队开发
概述 持续集成 编码规范 测试 小结 概述 有不少开发人员都问过我,Ext JS/Touch是否支持团队开发?对于这个问题,我可以毫不犹豫的回答:支持.原因是在Sencha官网博客中客户示例中,有不少 ...
- 【翻译】针对多种设备定制Ext JS 5应用程序
原文:Tailoring Your Ext JS 5 Application for a Multi-Device World 概述 鉴于当今设备和表单因素的扩散,要针对所有这些可能性来优化应用程序已 ...
- 翻译 - EXT JS 5:Controlling an Application with Router
最近做管理后台苦于前端样式,遂想学习在Ext,继而从新发布的5下手,英语水平有限,且翻且纠结着,欢迎指正. 原文:http://docs.sencha.com/extjs/5.0.0/applicat ...
最新文章
- 告别排队!用Python定时自动挂号和快捷查询化验报告
- [开心]很搞笑的贴图,必看(收藏)
- Java中abstract类和abstract方法的相关问题
- 第二章:Java_基本语法_5 数组
- 使用函数统计指定数字的个数_四种函数方法实现按条件统计一个区间数字的个数...
- 多个线程“打架抢夺”同一个资源,该如何让它们安分?
- 说下我常用的几个精简版系统的感受
- HTML5七夕情人节表白网页制作【满天星空3D相册】HTML+CSS+JavaScript 3D动态相册网页代码
- 工具分享-Windows 的绿色软件工具集
- mysql 删除数据 分页_使用limit分页查询时,做delete操作,会导致丢失数据
- 【CSS】css 给盒子添加四周阴影
- git rebase使用简介
- 推箱子C++实现 实训认识小游戏
- 前端页面预览word_前端实现在线预览文档
- 分奖金(python)
- laravel——实现Email形式的邮箱验证注册以及登陆功能
- Android 利用MediaPlayer实现音乐播放
- mysql打开eqd_Spring使用DriverManagerDataSource和C3P0分别配置MySql6.0.6数据源
- hp 打印机更改 wifi direct 的密码
- 别再敲代码了,用对工具,做可视化大屏原来这么简单!
热门文章
- Linux下WPS自主设置快捷键,WPS文字技巧—如何给特殊符号自定义快捷键
- NetSuite到岸成本(LC VS Estimated LC)
- 凌动智行董事长史文勇:私人空间构建品智出行生态
- java 流 flush_Java OutputStream.flush()清空输出流
- RPM 安装 mysql 出现 Can‘t locate Data/Dumper.pm in @INC (@INC contains
- PROTEUS最新版本下载CSDN_游赚盒子最新版本下载-游赚盒子最新版app下载
- 局域网组网 实验7 MPLS VNP
- Python线、四边形、三角形画法
- js合并相同元素的数组
- c# 控制hyer-v 虚拟机,实现关机、开机、重新启动