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()); } } ] }