悬停提示与验证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});});