`
qqbwww
  • 浏览: 60212 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

ExtJs修改密码实例

阅读更多
//多字段验证用VType
Ext.apply(Ext.form.VTypes,{
	password:function(val,field){
		if(field.initialPassField){
			var pwd = Ext.getCmp(field.initialPassField);
			return (val == pwd.getValue());
		}
		return true;
	},
	passwordText:'两次密码不一致'
});
Ext.onReady(function(){
	Ext.QuickTips.init();
	var changePasswordFrom = new Ext.form.FormPanel({
		title:'修改密码',
		renderTo:'changepasswordPanel',
		frame:true,
		width:400,
		buttonAlign:'center',
		labelAlign:'right',
		labeWidth:80,
		defaultType:'textfield',
		defaults:{width:150,allowBlank:false,msgTarget:'side',
			 minLength:6,
			 minLengthText:'密码不能少于6位',
			 maxLength:10,
			 maxLengthText:'密码不能超过10位'},
		items:[ 
			{
			 fieldLabel:'输入新密码',
			 name:'password',
			 inputType:'password',
			 blankText:'密码不能为空',
			 id:'password'
			},{
			 fieldLabel:'再次输入密码',
			 name:'secondPassword',
			 inputType:'password',
			 blankText:'密码不能为空',
			 vtype:'password',
			 initialPassField:'password'
			}	
		],
		buttons:[{
			text:'修改密码',
			handler:function(){
				if(!changePasswordFrom.getForm().isValid()){
	  		 	  return;
	  		   	}
				changePasswordFrom.getForm().submit({
					url:'../../changeSelfPassword.do',
					success:function(f,action){
						if(action.result.success){
							Ext.Msg.alert('修改成功');
						}
					},
					failure:function(f,action){ 
						changePasswordFrom.getForm().reset();
 						Ext.Msg.alert('修改失败');
 					} 
				});
			}
		}]
	});

});
 
分享到:
评论

相关推荐

    extjs6.6框架的web项目(登录+首页)

    通过修改`base-color`配置,可以轻松地更改应用的主题风格,实现视觉上的定制。在本项目中,可能通过调整CSS变量来实现不同颜色方案的切换。 4. **登录页面**:登录页面是任何Web应用的基础,EXTJS提供了一套完整的...

    ExtJS MVC示例

    ExtJS MVC示例是基于ExtJS 4.2.0框架的一个典型应用场景,它展示了如何在Web应用中利用MVC(Model-View-Controller)设计模式进行开发。MVC模式是一种软件设计模式,用于分离应用程序的数据、用户界面和逻辑控制,以...

    精通JS脚本之ExtJS框架.part2.rar

     《精通JS脚本之ExtJS框架》附有配套光盘,提供了书中实例的源代码和视频教学文件。此外,读者还可以通过访问itzcn网站来获得即时在线帮助。  《精通JS脚本之ExtJS框架》可以作为Web开发的自学参考书,也可以作为...

    解析Extjs与php数据交互(增删查改)

    在初始化Store时,我们创建了一个HttpProxy实例,指定URL为`index.php`,这是与PHP服务器端进行交互的接口。然后,定义了JSONReader来解析返回的数据,设置了数据的根目录`totalProperty`和`root`,并指定了Record...

    Extjs4之MVC应用架构

    首先,需要创建一个应用类实例,指定全局命名空间、应用文件夹路径,并定义启动函数。 ```javascript Ext.application({ name: 'AM', // 全局命名空间 appFolder: 'app', // 应用文件夹路径 launch: function ()...

    精通JS脚本之ExtJS框架.part1.rar

     《精通JS脚本之ExtJS框架》附有配套光盘,提供了书中实例的源代码和视频教学文件。此外,读者还可以通过访问itzcn网站来获得即时在线帮助。  《精通JS脚本之ExtJS框架》可以作为Web开发的自学参考书,也可以作为...

    Serlvet+Jdbc+Extjs 用户管理微型系统,完整包及数据库

    【Servlet】 ...在用户管理系统中,Servlet作为服务器端的程序,接收并响应客户端(如浏览器)的请求,进行业务逻辑处理。...这个系统对于学习和实践Web开发,尤其是Java后端和前端集成是一个很好的实例。

    ASP.NET-[博客空间]ExtJs单用户Blog系统后台源码.zip

    这个ASP.NET结合ExtJS实现的单用户Blog系统,是将后端处理逻辑与前端展示通过Ajax技术紧密集成的一个实例。系统主要包含以下几个部分: 1. **登录模块**:用户可以通过用户名和密码进行身份验证,ExtJS的表单组件和...

    ExtJs 表单提交登陆实现代码

    3. ExtJs的`extend`函数用于创建类的继承,允许创建新的子类来扩展或修改父类的行为。这里的`extend`函数接收三个参数:第一个参数是需要被扩展的子类构造函数,第二个参数是父类构造函数,第三个参数是需要被重写的...

    extjs控件列表

    - **用途**: 输入或修改日期时,提供更友好的用户体验。 #### 容器及数据类组件 **Ext.Window** - **描述**: 可移动、可调整大小的窗口组件。 - **用途**: 创建独立的弹出窗口,用于显示额外信息或执行特定操作。 ...

    ext与php增删查改

    - 常见操作包括执行SELECT语句获取用户信息、INSERT语句添加新用户、UPDATE语句修改用户信息以及DELETE语句删除用户等。 ### 总结 这个基于ExtJS和PHP的用户管理系统充分展示了前后端分离架构的优势,通过ExtJS...

    Ext JS框架 经验之作2000页

    - **效果**:允许在不刷新整个页面的情况下更改表格的配置。 - **代码**:通过调用特定方法来动态调整表格结构。 - **Pannels展板** - **BasicPanel基础面板** - **效果**:提供了一个简单的容器,可以用来放置...

    ExtJsUploadDialog结合Ftp上传

    在上述场景中,你需要修改UploadDialog配置,将FTP服务器的地址、用户名和密码设置正确,以便文件上传到指定的FTP服务器。 4. **实现步骤**: - 首先,需要引入Ext.ux.UploadDialog组件,将其添加到项目依赖中。 ...

    Ext实现添删查改一

    标题“Ext实现添删查改一”涉及到的是使用Ext JS框架进行Web应用开发中的基本操作——添加、删除、查询和修改数据。Ext JS是一个强大的JavaScript库,主要用于构建富客户端的桌面级Web应用,它提供了丰富的组件和...

    struts2+spring+hibernate实验设备管理系统

    总的来说,"struts2+spring+hibernate实验设备管理系统"是一个综合运用了三大主流Java框架的实例,它展示了如何通过这些工具构建一个完整的、具备权限管理功能的管理系统。对这个系统的学习和研究,不仅可以加深对...

    java web设计

    1. **Tomcat数据库连接池配置**:在`server.xml`文件中配置了项目的`Context`标签和`Resource`标签,用于设置数据库连接池的相关参数,如数据库驱动、地址、用户名、密码等。 2. **Java中的数据库连接池类**:使用...

    JavaWeb课程设计——图书馆管理系统.pdf

    首先,介绍了在Tomcat服务器中配置数据库连接池的方法,通过修改server.xml文件,设置DataSource,包括数据库驱动、URL、用户名、密码以及连接池的参数,如最大连接数和最大等待时间。其次,展示了使用单例模式实现...

    JavaWeb教学规划图书馆管理组织系统.docx

    - **视图层**(View):使用ExtJS技术,这是一种基于JavaScript的前端框架,提供了丰富的UI组件和AJAX支持。 - **模型层**(Model):包含业务逻辑和数据访问逻辑,负责处理业务规则和数据交互。 - **控制器层**...

    JavaWeb课程设计——图书馆管理系统.doc

    1. **Tomcat数据库连接池**:在Tomcat的server.xml配置文件中设置DataSource,指定数据库驱动、URL、用户名、密码以及连接池的参数,如最大连接数和等待时间。 ```xml driverClassName="org.gjt.mm.mysql.Driver...

Global site tag (gtag.js) - Google Analytics