Ext vtype

//form验证中vtype的默认支持类型
1.alpha //只能输入字母,无法输入其他(如数字,特殊符号等)
2.alphanum//只能输入字母和数字,无法输入其他
3.email//email验证,要求的格式是"cnblogs@gmail.com"
4.url//url格式验证,

{fieldLabel:"不能为空",
                vtype:"email",//email格式验证
                vtypeText:"不是有效的邮箱地址",//错误提示信息,默认值我就不说了
                id:"blanktest",
                anchor:"90%"
               }

自定义vtype:

Ext.apply(Ext.form.VTypes, {
       dateRange: function(val, field){
           if(field.dateRange){
               var beginId = field.dateRange.begin;
               this.beginField = Ext.getCmp(beginId);
               var endId = field.dateRange.end;
               this.endField = Ext.getCmp(endId);
               var beginDate = this.beginField.getValue();
               var endDate = this.endField.getValue();
           }
           if(beginDate <= endDate){
               return true;
           }else{
               return false;
           }
       },
       //验证失败信息
       dateRangeText: ‘开始日期不能大于结束日期‘
   }); 
blankText :
{xtype: ‘textfield‘,
fieldLabel: ‘票据密押‘,
anchor: ‘94%‘,
name:‘draftkey‘,
id:‘draftkey‘,
allowBlank:false,
blankText :‘票据密押不能为空‘},
时间: 2024-10-13 19:46:58

Ext vtype的相关文章

【转】EXT VTYPE自定义举例

原文地址:http://www.blogjava.net/xiaohuzi2008/archive/2012/12/08/392676.html 近日来对Ext特别感兴趣,也许是它那种OO的设计思想吸引了我,也可以追溯到第一次见到EXT那种漂亮的界面开始吧.求神拜佛不如自食其力,为了一点小的问题找遍了GOOGLE也没个结果,自己甚少去BBS混,也不熟悉规矩,只能硬着头皮自己干了.翻源代码是一道必不可少的工序,说来惭愧,自己对JS的认识还停留在入门阶段. 这里说说自己对于Ext验证这里浅薄的理解:

Ext.js入门:常用组件与综合案例(七)

一:datefield简单示例 二:timefield简单示例 三:numberfield简单示例 四:FormPanel提交 datefield简单示例: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="Ext/resources/css/ext-all.css&

Ext 主要控件

Ext.form.TimeField: 配置项: maxValue:列表中允许的最大时间 maxText:当时间大于最大值时的错误提示信息 minValue:列表中允许的最小时间 minText:当时间小于最小值时的错误提示信息 increment:两个相邻选项间的时间间隔,默认为15分钟 format:显示格式,默认为"g:i A".一般使用"H:i:s" H:带前缀0的24小时 i:带前缀0的分钟 s:带前缀0的秒 invalidText:当时间值非法时显示的提

ExtJs 第二章,Ext.form.Basic表单操作

1.认识Ext.form.Panel表单面板         Ext.form.field.CheckBox 复选框 checkboxfield Ext.form.CheckBoxGroup 复选框组 checkboxgroup Ext.form.field.ComboBox 下拉列表框 combo Ext.form.field.Date 日期选择框 datefield Ext.form.field.Display 文本展示组件 displayfield Ext.form.FieldContai

【extjs】 ext5 Ext.grid.Panel 分页,搜索

带有分页,搜索的grid. <%@page language="java" contentType="text/html; charset=UTF-8" isELIgnored="false" pageEncoding="UTF-8" %> <html> <head> <jsp:include page="../common/resource_classic.jsp"

Ext JS表单Ext.form.FormPanel

1.表单 对于传统的b/s应用来说,数据录入元素是放在表单<form>标签里面的.而对于ExtJS应用来说,则可以直接使用FormPanel控件来存放表单中的元素.FormPanel继承自Panel,在Panel的基础上提供与表单相关的各种特性,比如可以指定表单提交的url.指定表单提交方式.是否是二进制提交等:另外FormPanel固定使用form布局,前面关于布局一节中的内容我们说过,form布局也就是专门用于组织包含输入元素的布局. 看下面的代码: 1 Ext.onReady(funct

Ext属性详细信息

Ext.window属性详细信息 Ext.Window扩展自Ext.Panel,其xtype值为window. 1.主要配置项 closable:是否允许关闭窗口,默认为true.       closeAction:关闭窗口的动作,包括以下两种:        close:从DOM删除窗口,销毁窗口及其所属组件,窗口不再可用,重新显示需要调   用show方法.此为默认值.        hide:通过设置可见性隐藏窗口,窗口还可用,调用show方法后重新显示.       constrain

Ext.js入门:Window对象与FormPanel(六)

一:Ext.Window类 二:Ext.Window类实例 三:Ext.FormPanel类 四:Ext.FormPanel类实例 1.类Ext.Window 包: Ext 定义的文件 Window.js 类全称: Ext.Window 继承自于: Ext.Panel 说明: 一种专用于程序中的“视窗”(window)的特殊面板.Window默认下是可拖动的draggable.浮动的窗体.窗体可以最大化到整个视图.恢复原来的大小,还可以最小化minimize.      Windows既可关联到

EXT.NET常用属性

Ext_数字输入框_Ext.form.NumberField: <mce:script type="text/javascript"><!--/*Ext.form.NumberField独有配置表:allowDecimals             Boolean             是否允许输入小数(默认true)allowNegative             Boolean             是否允许输入负数(默认true)baseChars