Ext2.2用户名和密码登录表单的例子
来源:互联网 发布:表情软件emoji 编辑:程序博客网 时间:2024/05/13 16:25
这个表单也是我使用中的一个东西。感觉还不错。
先看运行效果
看代码
其中的/login处理登录的代码我就不写了。大家自己做吧。
先看运行效果
看代码
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"/>
- <script type="text/javascript" src="adapter/prototype/prototype.js"></script>
- <script type="text/javascript" src="adapter/prototype/scriptaculous.js?load=effects"></script>
- <script type="text/javascript" src="adapter/prototype/ext-prototype-adapter.js"></script>
- <script type="text/javascript" src="ext-all.js"></script>
- <style type="text/css">
- #LOGIN_FORM_LAYER {
- position:relative;
- top:150px;
- width: 965px;
- height: 551px;
- }
- #loginDIV {
- width:500px;
- position:relative;
- top:100px;
- }
- </style>
- </head>
- <body>
- <center>
- <script type="text/javascript">
- Ext.onReady(function(){
- Ext.QuickTips.init();
- // turn on validation errors beside the field globally
- Ext.form.Field.prototype.msgTarget = 'side';
- var bd = Ext.getBody();
- /*
- * ================ Simple form =======================
- */
- //bd.createChild({tag: 'h2', html: 'Form 1 - Very Simple'});
- var simple = new Ext.FormPanel({
- id: 'LOGIN_FORM',
- labelWidth: 75, // label settings here cascade unless overridden
- url:'login.jsp',
- frame:true,
- title: '<font size=3>登录系统</font>',
- bodyStyle:'padding:5px 5px 0',
- width: 350,
- defaults: {width: 230},
- defaultType: 'textfield',
- ctCls: 'font-size:12px',
- items: [{
- fieldLabel: '用户名',
- name: 'username',
- allowBlank:false
- },{
- fieldLabel: '密码',
- name: 'password',
- inputType :'password'
- },new Ext.form.Hidden({
- name:'referer',
- value:'/index'
- })
- ],
- buttons: [{
- id: 'submitButton',
- type: 'submit',
- text: '登录',
- tooltip: '点击这个按钮登录系统',
- handler: login
- }]
- });
- simple.render("loginDIV");
- });
- function login(){
- Ext.Ajax.request({
- url: '/login',
- form: 'LOGIN_FORM',
- success: function(t){
- alert(t.responseText);
- }
- });
- }
- </script>
- <div id="LOGIN_FORM_LAYER">
- <div id="loginDIV"></div>
- </div>
- </center>
- </body>
- </html>
其中的/login处理登录的代码我就不写了。大家自己做吧。
- Ext2.2用户名和密码登录表单的例子
- Javascript-截获登录表单的用户名和密码-v1.0
- Javascript-截获登录表单的用户名和密码-v1.5
- 登录用户名和密码的验证
- tomcat登录的用户名和密码
- JDBC用户名和密码登录
- 校验登录用户名和密码
- Java传入用户名和密码并自动提交表单实现登录到其他系统的实例代码
- android--登录例子,保存用户名和密码到这个应用所在文件中,从文件中读取用户名和密码
- 登录时验证用户名和密码可能出现的问题
- 登录判断用户名和密码是否正确的代码
- 验证电脑登录者的用户名和密码
- oracle 忘记了登录的用户名和密码
- 保存登录plsql developer 的用户名和密码
- 保存登录plsql developer 的用户名和密码
- jboss中 web-console 登录的用户名和密码设置
- 登录时记住用户名和密码的Cookie实现方法
- 保存登录plsql developer 的用户名和密码
- 来自客户的教训:谈钱之前先谈服务
- 平行路径问题
- [vb.net]比较好用的一个返回DATATABLE对象的函数
- 先安个家。
- 如何快速理解其他人写的Java代码
- Ext2.2用户名和密码登录表单的例子
- Cannot close connection,finalizing with closed connection问题解决。
- 分享J2EE学习的20个网站
- 惊现一个奇怪的域名 java.cn.com
- 第一次学C++(Turbo C++3.0 and VC++6.0)
- 在java中ACCESS模糊查询出现的奇怪问题,使用%不行的解决方案。
- Visual C++中的ADO编程
- debian下使用openvpn
- Groovy Tip 25 魔幻数组 五