悬停提示与验证3

/**
 * 三 表单组件验证
 * 表单组件自身有验证功能，一旦出错就会给出提示，并且表单被阻止提交，如果自带的验证功能无法满足您的要求
 * ，还支持正则表达式
 * Ext.form.Field定义了几个属性用于配置是否启用验证功能：validationEvent指定什么事件触发时进行验证，默认
 * 为keyup，如果将该属性设为false，即使有键盘输入也不再验证，validateOnBlur指组件失去焦点后是否验证，默认为
 * true，默认情况下，用户在输入数据和失去焦点时都会验证是否合法
 * 
 * Ext.form.Field还可以自定义验证未通过的显示效果，invalidClass是验证没有通过时表单组件采用的类选择器
 * focusClass是组件获取焦点时采用的类选择器；invalidText是输入并没有通过验证时显示的提示信息。
 * 
 * 非空验证
 * 如果组件内容必填，可以采用非空验证，配置allowBlank选项为false即可。
 * 
 */
/**
Ext.onReady(function(){
//	Ext.form.Field.prototype.msgTarget = 'side';
	Ext.QuickTips.init();
	var txtName = new Ext.form.TextField({
		name: "txtName",
		renderTo: Ext.getBody(),
		fieldLabel: "姓名",
		width: 200,
		allowBlank: false,
		minLength:10
//		regex: /^\w{6,}$/, //为了配置invalidText，此处使用正则表达式，即至少要有6个字符
//		invalidClass: "myvalid",
//		focusClass: "myfocus",
//		validationEvent: false,
//		validateOnBlur: false,
//	    validationDelay: 2000,
//		blankText: "请输入姓名"
	});
});
*/
/**
 * blankText: 是在为空时的提示信息，如果不设置，则ext给出自己的提示
 * 长度验证
 * minLength: 最小长度，maxLength：最大长度，minLengthText指定没有达到最小长度时的提示信息
 * maxLengthText指定超过最大长度时的提示信息, 不指定就用Ext的默认提示信息
 */
/**
 * Ext.onReady(function(){
	Ext.QuickTips.init();
	var txtPassword = new Ext.form.TextField({
		name: "txtPassword",
		renderTo: Ext.getBody(),
		fieldLabel: "密码",
		inputType: "password",
		minLength: 6,
		maxLength: 10,		
		minLengthText: "温馨提示：最小长度必须为6个字符",
		maxLengthText: "温馨提示： 最大长度只能为10个字符",
		width: 200		
	});
});