Extjs初学者（二）

转载于 2014-10-14 11:46:00 发布 · 60 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yll-sww/p/4024097.html

本文介绍如何使用ExtJS创建包含电子邮件、网址、纯字母及字母数字组合字段的表单，并通过vtype进行有效性验证。

表单vtype验证

 1 <script>
 2         Ext.onReady(function(){
 3             Ext.QuickTips.init();
 4             Ext.create('Ext.form.Panel',{
 5                 title:'示例',
 6                 frame:true,
 7                 width:300,
 8                 renderTo:Ext.getBody(),
 9                 defaultType:'textfield',
10                 items:[
11                 {
12                     fieldLabel:'邮件',
13                     vtype:'email'
14                 },{
15                     fieldLabel:'网址',
16                     vtype:'url'
17                 },{
18                     fieldLabel:'字母',
19                     vtype:'alpha'
20                 },{
21                     fieldLabel:'字母和数字',
22                     vtype:'alphanum'
23                 }
24                 ]
25             });
26     });
27     </script>