ExtJS4 如何实现密码验证

最新推荐文章于 2016-12-16 12:56:29 发布

原创

最新推荐文章于 2016-12-16 12:56:29 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs4 #密码

本文介绍如何在ExtJS4中进行密码验证，包括使用正则表达式检查密码合法性以及通过validator验证器确保两次输入密码的一致性。

ExtJS为我们提供了完善的表单验证功能，让我们能够很轻松的实现表单字段的各种验证，这其中密码验证相比较来说稍微复杂一点，今天李坏就ExtJS的密码验证功能为大家提供一个简单的Demo，希望对大家有所帮助。

密码验证主要包含两方面的内容：1.密码组合是否符合要求（比如：是否是字母数字组合等等）；2.两次输入的密码是否一致

代码如下：

Ext.application({
    name: 'Demo',
    appFolder: 'app',
    launch: function(){
    	 Ext.create('Ext.container.Viewport', {
    	 	margin:'100 0 0 200',
			items:[{
				xtype:'form',
				title:'密码验证',
				height: 500,
				width: 700,
				defaults:{
					xtype: 'textfield',
					width: 300,
					labelWidth: 60,
					margin: '20 0 0 200',
					inputType: 'password',
					allowBlank: false,
					msgTarget: 'under'
				},
				items:[{
					fieldLabel: '输入密码',
					regex: /^([a-zA-Z0-9]{6,})$/i,
					regexText: '密码必须同时包含字母和数字,且最少有6位'
				},{
					fieldLabel: '再次输入',
					validator: function(