Ext.onReady(function(){
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: '../common/checkCode.php',align:'absbottom'});
}
);
});
分享到:
相关推荐
一个简单带验证码的登录界面。本教程附带代码,html+php两部分,需要快速创建一个登录界面网页或学习html的小伙伴赶紧下载吧,本教程简单实用哈!
Android studio :实现密码登录界面和验证码登录界面的切换(不用新建xml页面) 一、了解Xml设置隐藏属性 android:visibility=” “ Visible:正常显示 Invisible:保留位置 Gone:完全隐藏 二、实现图示 Java...
本文实例讲述了Bootstrap实现前端登录页面带验证码功能。分享给大家供大家参考,具体如下: Bootstrap有自定义的验证码样式,在前端页面可以直接使用,他的css、js在使用前要在开头引入 上代码: <!DOCTYPE ...
H5+css3+js搭建带验证码的登录页面,js实现登录界面验证码生成及验证
jsp的带验证码的登录界面 非常好的 要其他的资源的请给我留言 我在上传
带有验证码的漂亮ajax登录界面。实现局部刷新验证码,ajax登录功能
使用C#登录带验证码的网站 使用C#登录带验证码的网站 使用C#登录带验证码的网站 使用C#登录带验证码的网站 使用C#登录带验证码的网站 使用C#登录带验证码的网站
一看就明了的 登录界面代码(.cs) 带验证码 适合初学者
带有验证码的和输入验证的后台漂亮登录界面
验证码
这是一个简单而完整的登录实例,实现单点登录效果,java自动生成图片验证码,访问拦截,没登录时不可以访问会员页面。是一个完整的实例,struts构建,内有jar包。
原创-用Ajax制作带图形验证码的登录页面.
本文给大家介绍使用Bootstrap新制作的一个登录框,带验证码,带校验,非常不错,具有参考借鉴价值,感兴趣的朋友可以参考下
这个是一个php版的登录界面,漂亮美观,还带了验证码与js的基本功能
C#winform小程序,主要功能模块为登录和注册,带验证码,界面经过美化。
用于,带有验证码的登陆页面的登陆解析。亲测可用,无需jar包。
基于Java的滑块验证码登录界面源码+详细设计报告.zip 该资源内项目源码是个人的毕设,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到94.5分,放心下载使用! 该资源适合计算机相关专业(如人工智能、...
layui实现登陆界面验证码.docx
5、界面中的发送验证码为示例,如需要更多功能,请根据自身的逻辑需求完成相应的代码功能; 6、从本界面的相关代码中可以使初学者简单的了解界面的布局方式以及颜色搭配; 7、界面中所有的监听均为举例说明,如有...
1、开放源码文件 2、用于登录界面验证码随机生成,包括数字+字母、纯数字、纯字母3类验证码,已经调试成功,下载即用。 3、基于VS2015,C#