* 用户带验证码登录页面
* sheak
* code.php 生成验证码

* 1202增加键盘回车提交功能(粗体部分)
*/
/*
* 用户带验证码登录页面
* sheak 081115
* code.php 生成验证码
*/
Ext.QuickTips.init();
LoginWindow=Ext.extend(Ext.Window,{
title : '登陆系统',
width : 275,
height : 155,
collapsible : true,
defaults : {
border : false
},

buttonAlign : 'center',

createFormPanel :function() {

//表单重置函数
function reset(){
myform.form.reset();
};

//表单提交函数
function surely() {
if(myform.getForm().isValid())
{
myform.form.submit({
waitMsg : '正在登录......',
url : 'http://www.cnblogs.com/../index/login',
timeout: 3000,
success : function(form, action) {

if(action.result.type == 0)//OP
window.location.href = '../op/index.html';
else//CP
window.location.href = 'index.html';

},
failure : function(form, action) {
form.reset();
if (action.failureType == Ext.form.Action.SERVER_INVALID)
Ext.MessageBox.alert('警告', action.result.errors.msg);
}
});
}
};

var myform = new Ext.form.FormPanel( {
bodyStyle : 'padding-top:6px',
defaultType : 'textfield',
labelAlign : 'right',
labelWidth : 55,
labelPad : 2,
//frame : true,
method:'POST',
//增加表单键盘事件
keys:[
{
key: [10,13],
fn:surely
} ],

defaults : {
allowBlank : false,
width : 158
},
items : [{
cls : 'user',
name : 'username',
fieldLabel : '帐 号',
blankText : '帐号不能为空'
}, {
cls : 'key',
name : 'password',
fieldLabel : '密 码',
blankText : '密码不能为空',
inputType : 'password'
}, {
cls : 'key',
name:'randCode',
id:'randCode',
fieldLabel:'验证码',
width:70,
blankText : '验证码不能为空'
}],
buttons:[
{
text:'确定',
id:'sure',
handler:surely
},
{
text:'重置',
id:'clear',
handler:reset
}]
});
return myform;
},

initComponent : function(){

LoginWindow.superclass.initComponent.call(this);
this.fp=this.createFormPanel();
this.add(this.fp);

}
});

Ext.onReady(function()
{
var win=new LoginWindow();

win.show();
var bd = Ext.getDom('randCode');
var bd2 = Ext.get(bd.parentNode);
bd2.createChild({tag: 'img', src: 'code.php',align:'absbottom'});

}
);

ExtJS用户带验证码登录页面相关推荐

  1. 图书管理系统之带验证码登录界面

    图书管理系统之带验证码登录界面 学生成绩管理系统之带验证码登录界面 学生信息管理系统之带验证码登录界面 课程管理系统之带验证码登录界面   这次我们在前者登录界面的基础上增添验证码这一功能,目的是使用 ...

  2. Flutter 一个优美的用户体验的登录页面 抖动提示 文本提示

    题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,优美的应用体验 来自于细节的处理,更源自于码农的自我要求与努力 Flutter是谷歌推出的最新的移动开发框架. [x1]微信公众号的每日 ...

  3. 5.用户手机验证码登录

    用户手机验证码登录 一.yapi接口文档 二.代码实现 1.服务提供者 1.1在tanhua-dubbo-db模块创建Mapper接口com/tanhua/dubbo/mappers/UserMapp ...

  4. java通过HtmlUnit工具和J4L实现模拟带验证码登录

    1.HtmlUnit 1.1介绍 HtmlUnit是一个用java编写的无界面浏览器,建模html文档,通过API调用页面,填充表单,点击链接等等.如同正常浏览器一样操作.典型应用于测试以及从网页抓取 ...

  5. 29. ExtJs - Struts2 整合(1) - 登录页面

    转自:https://yarafa.iteye.com/blog/729197 初学 ExtJS,在此记录下学习过程中的点点滴滴,以备不时只需,也希望能给跟我一样的菜鸟一些帮助,老鸟请忽略.如有不当之 ...

  6. 茶多多项目【验证码登录页面】

    <template><div class="login container"><Header></Header><sectio ...

  7. 管理员用户不同身份登录页面代码PHP,wordpress管理员登录和普通用户登录后跳转到不同页面-♚付涛纪实阁♚...

    这篇文章将向您展示WordPress用户登录后如何重定向到指定页面或者文章的技巧. 一.重定向到网站管理面板. 将以下代码添加到您的当前主题的 functions.php 文件中 二.重定向到指定页面 ...

  8. 小程序开发——手机号验证码登录页面

    最终做出页面效果: login.wxml <view class="main_candidate"><view class="inputbox flex ...

  9. 【手机号验证/前端】Vue2+elementUI编写一个手机号验证码登录页面,路由式开发(附完整代码)

    目录 效果图: 一.template部分 二.style样式 三.script部分 1.先对手机号的格式进行一个判断 2.接下来就是表单验证规则rules 3.最后就是methods了 (1)首先我们 ...

  10. css+js模拟用户 注册和登录页面

    制作一个注册页面用户名不能为空并且(6-20位英文字母数字下划线) 密码 重复密码 6位以上英文字母数字下划线 密码和重复密码必须一致 身份证号:旧身份证号为15位数字 新身份证号为18位数字, 或1 ...

最新文章

  1. 「AI初识境」深度学习模型中的Normalization,你懂了多少?
  2. 静态路由与动态路由的优先级_静态路由基础知识
  3. 制作ubuntu 18.04 U盘启动盘
  4. 日期格式无法识别 oracle,Oracle时间统计 - 不以物喜-不以己悲的个人空间 - OSCHINA - 中文开源技术交流社区...
  5. FBV(function base views) 顾名思义基于函数的视图类 CBV(class base views)基于类的视图类
  6. Oracle事务处理
  7. RAC环境数据库重启实例
  8. 技术突破寻找新思路,互联网内容的风控与风口
  9. 极简代码 —— list 最小最大索引(argmax/argmin)的实现
  10. Spring基于注解及SpringMVC
  11. 拓端tecdat|R语言中的神经网络预测时间序列:多层感知器(MLP)和极限学习机(ELM)数据分析报告
  12. 拓端tecdat|python关联规则学习:FP-Growth算法对药品进行“菜篮子”分析
  13. IEC 60601-2-33:2022 《医疗诊断用磁共振设备基本安全和基本性能的特殊要求》。
  14. 利用python将txt文本批量转化为excel格式文件
  15. 计算机网络 --- IP地址的详细分类
  16. 11月29日做题截图
  17. 数据库应用——MyCat代理MySQL集群
  18. Kali Linux渗透测试——无线渗透
  19. 系统调用中断(EINTR)与SIGCHLD信号的处理
  20. 【精华】OCR关键信息提取之SER和RE

热门文章

  1. 动态规划之01背包问题(含代码C)
  2. IDL size函数
  3. Acrobat DC安装方法
  4. 利用composer搭建PHP框架(一.路由解析)
  5. 从面试题中看Java的Reference(引用)
  6. 八十年代的计算机游戏,儿时小霸王的记忆 八十年代最伟大的二十款游戏
  7. Scala学习02——Scala类和对象
  8. python中debug和run有什么区别_android应用程序开发中run和debug 有什么区别?
  9. php socket端口监听端口号,swoole websocket服务器中添加监听tcp的端口
  10. 创建分布式爬虫的步骤