ExtJs之VTYPE验证
2016-03-20 13:40
609 查看
<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css"> <script type="text/javascript" src="ExtJs/ext-all.js"></script> <script type="text/javascript" src="ExtJs/bootstrap.js"></script> <script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script> <script type="text/javascript"> Ext.onReady(function() { Ext.QuickTips.init(); Ext.create('Ext.form.Panel', { title: 'vtype.Sample', width: 300, frame: true, renderTo: 'form', bodyPadding: 5, defaultType: 'textfield', fieldDefaults: { labelSeparator: ':', labelWidth: 80, width: 270, msgTarget: 'side' }, items: [{ fieldLabel: 'email', vtype: 'email' },{ fieldLabel: 'url', vtype: 'url' },{ fieldLabel: 'word', vtype: 'alpha' },{ fieldLabel: 'wordnumber', vtype: 'alphanum' }] }); }); </script> </head> <body> <div id='form'></div> <div id='form1'></div> </body> </html>
相关文章推荐
- SeaJS之use函数
- ExtJs之FieldSet和FieldContainer
- Javascript中的原型
- <香港科技大学html+css+js课堂笔记>week1--html部分
- 用GSON解析Json格式数据
- 还在抱怨JS文件里没有智能提示吗, VS10以及以上都可以 .NET
- 你该知道的json解析
- JS实现10-0的倒计时动画效果
- JS中的冒泡排序法
- JSZX_HC_2016_R5
- 课外转载-js验证表单
- js 实现实时时钟
- ExtJs之Ext.form.field.TimePicker DatePicker组合框
- ExtJs之Ext.form.field.ComboBox组合框
- js获取浏览器窗口属性
- L5-深入JavaScript
- js事件模型
- 深入解读JavaScript面向对象编程实践
- JS中创建函数的三种方法
- javascript——回到顶端按钮的编写