ExtJS用户带验证码登录页面
* 用户带验证码登录页面
* 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用户带验证码登录页面相关推荐
- 图书管理系统之带验证码登录界面
图书管理系统之带验证码登录界面 学生成绩管理系统之带验证码登录界面 学生信息管理系统之带验证码登录界面 课程管理系统之带验证码登录界面 这次我们在前者登录界面的基础上增添验证码这一功能,目的是使用 ...
- Flutter 一个优美的用户体验的登录页面 抖动提示 文本提示
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,优美的应用体验 来自于细节的处理,更源自于码农的自我要求与努力 Flutter是谷歌推出的最新的移动开发框架. [x1]微信公众号的每日 ...
- 5.用户手机验证码登录
用户手机验证码登录 一.yapi接口文档 二.代码实现 1.服务提供者 1.1在tanhua-dubbo-db模块创建Mapper接口com/tanhua/dubbo/mappers/UserMapp ...
- java通过HtmlUnit工具和J4L实现模拟带验证码登录
1.HtmlUnit 1.1介绍 HtmlUnit是一个用java编写的无界面浏览器,建模html文档,通过API调用页面,填充表单,点击链接等等.如同正常浏览器一样操作.典型应用于测试以及从网页抓取 ...
- 29. ExtJs - Struts2 整合(1) - 登录页面
转自:https://yarafa.iteye.com/blog/729197 初学 ExtJS,在此记录下学习过程中的点点滴滴,以备不时只需,也希望能给跟我一样的菜鸟一些帮助,老鸟请忽略.如有不当之 ...
- 茶多多项目【验证码登录页面】
<template><div class="login container"><Header></Header><sectio ...
- 管理员用户不同身份登录页面代码PHP,wordpress管理员登录和普通用户登录后跳转到不同页面-♚付涛纪实阁♚...
这篇文章将向您展示WordPress用户登录后如何重定向到指定页面或者文章的技巧. 一.重定向到网站管理面板. 将以下代码添加到您的当前主题的 functions.php 文件中 二.重定向到指定页面 ...
- 小程序开发——手机号验证码登录页面
最终做出页面效果: login.wxml <view class="main_candidate"><view class="inputbox flex ...
- 【手机号验证/前端】Vue2+elementUI编写一个手机号验证码登录页面,路由式开发(附完整代码)
目录 效果图: 一.template部分 二.style样式 三.script部分 1.先对手机号的格式进行一个判断 2.接下来就是表单验证规则rules 3.最后就是methods了 (1)首先我们 ...
- css+js模拟用户 注册和登录页面
制作一个注册页面用户名不能为空并且(6-20位英文字母数字下划线) 密码 重复密码 6位以上英文字母数字下划线 密码和重复密码必须一致 身份证号:旧身份证号为15位数字 新身份证号为18位数字, 或1 ...
最新文章
- 「AI初识境」深度学习模型中的Normalization,你懂了多少?
- 静态路由与动态路由的优先级_静态路由基础知识
- 制作ubuntu 18.04 U盘启动盘
- 日期格式无法识别 oracle,Oracle时间统计 - 不以物喜-不以己悲的个人空间 - OSCHINA - 中文开源技术交流社区...
- FBV(function base views) 顾名思义基于函数的视图类 CBV(class base views)基于类的视图类
- Oracle事务处理
- RAC环境数据库重启实例
- 技术突破寻找新思路,互联网内容的风控与风口
- 极简代码 —— list 最小最大索引(argmax/argmin)的实现
- Spring基于注解及SpringMVC
- 拓端tecdat|R语言中的神经网络预测时间序列:多层感知器(MLP)和极限学习机(ELM)数据分析报告
- 拓端tecdat|python关联规则学习:FP-Growth算法对药品进行“菜篮子”分析
- IEC 60601-2-33:2022 《医疗诊断用磁共振设备基本安全和基本性能的特殊要求》。
- 利用python将txt文本批量转化为excel格式文件
- 计算机网络 --- IP地址的详细分类
- 11月29日做题截图
- 数据库应用——MyCat代理MySQL集群
- Kali Linux渗透测试——无线渗透
- 系统调用中断(EINTR)与SIGCHLD信号的处理
- 【精华】OCR关键信息提取之SER和RE
热门文章
- 动态规划之01背包问题(含代码C)
- IDL size函数
- Acrobat DC安装方法
- 利用composer搭建PHP框架(一.路由解析)
- 从面试题中看Java的Reference(引用)
- 八十年代的计算机游戏,儿时小霸王的记忆 八十年代最伟大的二十款游戏
- Scala学习02——Scala类和对象
- python中debug和run有什么区别_android应用程序开发中run和debug 有什么区别?
- php socket端口监听端口号,swoole websocket服务器中添加监听tcp的端口
- 创建分布式爬虫的步骤