Extjs登录框

问题描述

不知道哦为啥没效果,求看看那里出了问题!Ext.onReady(function(){Ext.QuickTips.init();var loginForm=new Ext.FormPanel({standardSubmit: true, url:'MyJsp.jsp',renderTo:document.body,frame:true,title:'用户登陆',//bodyStyle:"padding:5px 5px 0",width:400,items:[{xtype:'fieldset',title:'用户登录',collapsible:true,autoHeight:true,defaultType:'textfield',items:[{fieldLabel:'用户名',name:'userName',width:180,allowBlank:false,blankText:'用户名不能为空',minLength:6,minLengthText:'用户名的长度为[6-20]',maxLength:20,maxLengthText:'用户名的长度为[6-20]'},{inputType:'password', fieldLabel:'密    码',name:'password',width:180,allowBlank:false,blankText:'密码不能为空',minLength:6,minLengthText:'密码的长度为[6-20]',maxLength:20,maxLengthText:'密码的长度为[6-20]'},{fieldLabel:'验证码',name:'validate',width:80,allowBlank:false,blankText:'验证码不能为空'}]}],buttons: [ { text: '登录', type:'button',handler:function() { if (!loginForm.getForm().isValid()) return; loginForm.getForm().submit(); } } ]});});

解决方案

我刚测试了一下 是你的标点符号错了Ext.onReady(function(){Ext.QuickTips.init();var loginForm=new Ext.FormPanel({standardSubmit: true, url:'MyJsp.jsp',renderTo:document.body,frame:true,title:'用户登陆',//bodyStyle:"padding:5px 5px 0",width:400,items:[{xtype:'fieldset',title:'用户登录',collapsible:true,autoHeight:true,defaultType:'textfield',items:[{fieldLabel:'用户名',name:'userName',width:180,allowBlank:false,blankText:'用户名不能为空',minLength:6,minLengthText:'用户名的长度为[6-20]',maxLength:20,maxLengthText:'用户名的长度为[6-20]'},{inputType:'password', fieldLabel:'密    码',name:'password',width:180,allowBlank:false,blankText:'密码不能为空',minLength:6,minLengthText:'密码的长度为[6-20]',maxLength:20,maxLengthText:'密码的长度为[6-20]'},{fieldLabel:'验证码',name:'validate',width:80,allowBlank:false,blankText:'验证码不能为空'}]}],buttons: [ { text: '登录', type:'button',handler:function() { if (!loginForm.getForm().isValid()) return; loginForm.getForm().submit(); } } ]});});完整代码 给你

时间: 2024-10-25 11:33:07

Extjs登录框的相关文章

Photoshop制作超酷的古金属风格登录框

本例教程源于一个国外客户的真实案例,在此给大家分享一些我在制作时的一些思路,思路为重点.希望能对大家的设计有所帮助. 主要思路:画草图,用纯色块填充草图,加材质做质感,最后整理调整. 最终效果 1.首先我们把登录框的草图画出来,下图是对方已经画好的,客户说了想要这种形状.如果客户没有指定的话那就要自己动手画了. 2.草图完成后,接下来我的操作是使用钢笔工具勾勒出登录框各个部分的外形,然后再用纯色块填充.在这里网格工具可以很好的帮助你.网格线的间隔可以在首选项中设置,下面是过程图. [1] [2]

网页布局设计:注册登录框放哪里合适?

设计|网页 注意到一个比较有趣的现象,网页布局设计方面,国内网站喜欢把用户注册登录框放左边最重要的位置,而且是斗大的一个注册框;国外网站则喜欢把注册登录放右边,而且通常是右上角很不起眼的位置,还常常连登录框都省了,只给出一个注册登录的链接. 哪一种布局设计更合理?我在各种场合问过用户,一般会很诧异说:不都是放左边吗?已经习惯了. 实际上,根据我们阅读从左到右的习惯,显然左边最重要的位置应该放置重要的内容,而不是浪费黄金地盘去放置注册登录框. 但这里就出现问题的关键--网站运营者会说:我就是把最重

Extjs登录界面源码

效果图如下 Ext.ux.form.IconCombo.js 1//JS脚本 2Ext.namespace('Ext.ux.form'); 3 4Ext.ux.form.IconCombo = Ext.extend(Ext.form.ComboBox, { 5 initComponent:function() { 6 var css = '.ux-icon-combo-icon {background-repeat: no-repeat;background-position: 0 50%;wi

网络相册开发(9)——使用Flex的TitleWindow制作登录框

在这个应用里我将使用对话框来实现用户登录,采用Flex中TitleWindow控件来实现. 流程如下:显示输入用户名密码的登陆框-->输入用户名密码,点击确定按钮激活登录事件-->LoginCommand调用UserDelegate处理这个事件-->LoginCommand根据UserDelegate返回的结果修改AlbumModelLocater-->页面监听AlbumModelLocater,根据值的变化对页面进行调整 首先设计登录框LoginWindow.mxml的布局 开发

网站用户体验:怎么样的登录框才是优秀的?

登录框存在已久,对于用户来说是必定每天接触,对于设计师来说也是一个墨守陈规的控件,两个框加个按键,如果猛然抓个设计师问「你觉得登录框还有哪些可以改进的点」,得到的回答应该是长时间的沉默,当然也包括我.「宁可一思进,莫在一思停」,这是一代宗师里的拳理,同样也是做人做事的道理,思进方可有所为,一思一念间高下已分,体现在互联网应用及服务应该就更为深刻了. 扯回主题,解决以下任何一个问题的登录框都是我所认为的优秀登录框(个人认为的优秀登录样式,参考长文最后部分): 1. 输入效率问题,现阶段大多数用户登

页面设计:什么样的登录框才是优秀的?

登录框存在已久,对于用户来说是必定每天接触,对于设计师来说也是一个墨守陈规的控件,两个框加个按键,如果猛然抓个设计师问「你觉得登录框还有哪些可以改进的点」,得到的回答应该是长时间的沉默,当然也包括我.「宁可一思进,莫在一思停」,这是一代宗师里的拳理,同样也是做人做事的道理,思进方可有所为,一思一念间高下已分,体现在互联网应用及服务应该就更为深刻了. 扯回主题,解决以下任何一个问题的登录框都是我所认为的优秀登录框(个人认为的优秀登录样式,参考长文最后部分): 1. 输入效率问题,现阶段大多数用户登

PS绘制金属质感的游戏登录框

  本例教程源于一个国外客户的真实案例,非常酷炫,重点是帮同学们学会绘制这类效果时的思路,想学习具体操作的同学可直接右戳 >>> 一.构建草图 首先我们把登录框的草图画出来,下图是对方已经画好的,客户说了想要这种形状的.如果客户没有指定的话那就要自己动手画了. 二.纯色填充 草图完成后,接下来我的操作是使用钢笔工具勾勒出登录框各个部分的外形,然后再用纯色块填充.在这里网格工具可以很好的帮助你,网格线的间隔可以在首选项(ctrl+k)中设置,下面是过程图 三.添加质感 接下来为登录框添加质

div css-类似这种login登录框用div+css如何布?不用table实现类似效果

问题描述 类似这种login登录框用div+css如何布?不用table实现类似效果 如下图: 解决方案 不是很简单的css? input设置border:none;border-bottom:solid 1px #666,padding-left:你的背景图片宽度,background-image:url(你的北京图片) 就好了 如果连这些基础的css都不会就多补习下css知识了 解决方案二: 不知道楼主说的具体难度是在那方面,正如一楼所说,input之外加div,对其设置小图片的背景,hov

WordPress用户登录框密码的隐藏与部分显示技巧_php技巧

让WordPress登录页的密码框显示最后一个输入的字符在通常情况下,网页的设计者们会将密码输入框中的所有字符隐藏成黑点,以防止有人在背后偷窥输入的密码,如: 这种密码输入模式虽然减少了被偷窥的危险,但是给我们的密码输入带来了很多麻烦,因为我们不知道到底输入了什么字符,所以经常导致输错密码的情况,浪费了很多时间. 可能你也已经注意到,现在智能手机的很多应用中,使用了这样一种密码框处理方式:对用户在密码框中输入的最后一个字符,会先让它显示2-3秒钟,然后再隐藏,这样可以让用户知道刚刚输入了什么字符