Ext验证汇总
1.验证输入框长度：一个汉字等于两个字符问题
validator：function(){
var str = Ext.util.Format.trim(news.getValue());
var size = 0;
for(var i=0;i<str.length;i++){
var code = str.charCodeAt(i);
if(code > 255){
size += 2;
}else{
size += 1;
}
if(size > 30){
news.invalidText = '长度不能超过30！';
news.focus();
return false;
}else{
return true;
}
}
}
2.只能输入中文、字母、数字、英文逗号、英文句号！
regex:/^([\u0391-\uFFE5]|[a-zA-Z]|\d[-,._])*$/,
regexText: '只能输入中文、字母、数字、英文逗号、英文句号',
regex: /^([\u0391-\uFFE5]|[a-zA-Z]|\d|_)*$ regexText: 只能输入中文字母数字下划线
3.鼠标提醒还可以输入多少个字：
enableKeyEvents: true,
listeners:{
"keyup": function(cur,evt){
var curLen = cur.getValue().length;
if(curLen <= 500){
news.viewTi = '你还可以输入：'+(500-curLen)+'个字';
Ext.get('notic').dom.innerHTML = news.viewTi;
}else{
news.viewTi = '<font color="red" style="margin-right:-70px">字数超过范围 请酌情删减</font>';
Ext.get('notic').dom.innerHTML = news.viewTi;
}
}
}
需在panel里面加上->html:<div id='notic' style='color:#0000FF;text-align:center;margin-left:-55px'</div>
var startDate = new Ext.form.DateField({
id : 'startDate',
style : 'margin-bottom: 5px;',
fieldLabel : '开始日期',
format : 'Y-m-d',
allowBlank : false,
blankText : '不能为空',
editable : false,
listeners:{"blur":function(){
Ext.getCmp('endDate').setMinValue(Ext.get('startDate').getValue());
}}
});
var startTime = new Ext.form.TimeField({
id : 'startTime',
style : 'margin-bottom: 5px;',
fieldLabel : '开始时间',
allowBlank : false,
editable : false,
blankText : '不能为空',
format : 'G:i'
});
var endDate = new Ext.form.DateField({
id : 'endTime1',
style : 'margin-bottom: 5px;',
fieldLabel : '结束日期',
allowBlank : false,
blankText : '不能为空',
format : 'Y-m-d ',
editable : false,
listeners:{"blur":function(){
Ext.getCmp('startDate').setMinValue(Ext.get('endDate').getValue());
}}
});
var endTime = new Ext.form.TimeField({
id : 'endTime2',
style : 'margin-bottom: 5px;',
fieldLabel : '结束时间',
allowBlank : false,
blankText : '不能为空',
editable : false,
format : 'G:i'
});
regex: /^([a-zA-Z]|\d|_)*$， regex:‘只能输入数字字母下划线‘
regex : /^([\u0391-\uFFE5]|[ ]|[a-zA-Z]|\d|_)*$/, regexText : '' 只能输入中文字母数字空格下划线“,
两次密码一致性检查：
{
columnWidth : 0.5,
layout : 'form',
defaultType : 'textfield',
items : [ {
fieldLabel : '' + getResource('resourceParam870') + '',
inputType : 'password',
name : 'newpassword1',
id : 'newpassword1',
regex : /^([\u0391-\uFFE5]|[a-zA-Z]|\d|_)*$/,
regexText : '' + getResource('resourceParam863') + '',
width : 175,
minLength : 1,
maxLength : 20,
allowBlank : false,
value : 123456,
anchor : '95%',
listeners : {
'blur' : function() {
if ("" != Ext.getCmp('newpassword2').getValue()) {
Ext.getCmp('newpassword2').validate();
}
}
}} ]
},{
columnWidth : 0.5,
layout : 'form',
defaultType : 'textfield',
items : [ {
fieldLabel : '' + getResource('resourceParam867') + '',
inputType : 'password',
name : 'newpassword2',
id : 'newpassword2',
regex : /^([\u0391-\uFFE5]|[a-zA-Z]|\d|_)*$/,
regexText : '' + getResource('resourceParam863') + '',
width : 175,
minLength : 1,
maxLength : 20,
allowBlank : false,
value : 123456,
invalidText : '' + getResource('resourceParam871') + '',
anchor : '95%',
validator : function() {
return (Ext.getCmp('newpassword2').getValue() ==
Ext.getCmp('newpassword1').getValue());
}
} ]
}