一、ExtJS4 如何实现密码验证
布局 窗口 密码字段 提交 后台验证 跟普通的流程一样OprtNo = new Ext.form.TextField({ fieldLabel:'用户名',cls:'user1',selectOnFocus: false,name:'OprtNo',allowBlank: false, blankText:'用户名不能为空!',vtype: 'alphanum',value: 'Admin' });var OprtPWD = new Ext.form.TextField({ fieldLabel:'密 ;码',inputType:'password',cls:'passwd1',name:'OprtPWD' }); var btnSubmit = new Ext.Button({text:'登录',iconCls:'btn-submit',name:'BtnLogin',handler:function(){BtnSubmit();}}); var btnReset = new Ext.Button({text:'重置',iconCls:'btn-reset',name:'BtnReset',handler:function(){BtnReset();}}); var BtnSubmit = function(){ if (loginForm.getForm().isValid()) { loginForm.form.submit({ waitTile: '提示', waitMsg: '正在登录。
。', //timeout: 3000, url:'ver_user.php', method : 'post', success : function(form, action){ var out = action.result.success; if (out != "true") { Ext.MessageBox.alert('提示','' + action.result.msg,function(){ document.getElementById('img').src = '/php/toolsfile/captcha.php?date=new Date()'; }); } else window.location.href = 'index.php'; } }); }else{ Ext.Msg.alert('提示', '请输入正确的数据!'); //Ext.Msg.alert('提示', msg1); } } var BtnReset = function(){ loginForm.form.reset(); }。
二、EXTJS怎么样判断两次输入密码一样
参考ExtJS4中的实例吧,ext-4。
0。1/examples/form/adv-vtypes。
js!效果如图所示:Ext。require([ 'Ext。
form。*']);Ext。
onReady(function() { // Add the additional 'advanced' VTypes Ext。 apply(Ext。
form。field。
VTypes, { //日期范围验证 daterange: function(val, field) { var date = field。parseDate(val); if (!date) { return false; } if (field。
startDateField && (!this。dateRangeMax || (date。
getTime() != this。dateRangeMax。
getTime()))) { var start = field。 up('form')。
down('#' + field。startDateField); start。
setMaxValue(date); start。validate(); this。
dateRangeMax = date; } else if (field。endDateField && (!this。
dateRangeMin || (date。getTime() != this。
dateRangeMin。getTime()))) { var end = field。
up('form')。down('#' + field。
endDateField); end。 setMinValue(date); end。
validate(); this。dateRangeMin = date; } /* * Always return true since we're only using this vtype to set the * min/max allowed values (these are tested for after the vtype test) */ return true; }, //出错时的提示信息 daterangeText: '开始时间必须小于结束时间!', //密码校验函数 password: function(val, field) { if (field。
initialPassField) { var pwd = field。up('form')。
down('#' + field。initialPassField); return (val == pwd。
getValue()); } return true; }, //出错时的提示信息 passwordText: '密码不匹配!' }); /* * ================ Date Range ======================= */ var dr = Ext。 create('Ext。
FormPanel', { renderTo: 'dr', frame: true, title: '时间范围', bodyPadding: '5px 5px 0', width: 350, fieldDefaults: { labelWidth: 125, msgTarget: 'side', autoFitErrors: false }, defaults: { width: 300 }, defaultType: 'datefield', items: [ { fieldLabel: '开始时间', name: 'startdt', id: 'startdt', vtype: 'daterange', endDateField: 'enddt' // id of the end date field }, { fieldLabel: '结束时间', name: 'enddt', id: 'enddt', vtype: 'daterange', startDateField: 'startdt' // id of the start date field } ] }); /* * ================ Password Verification ======================= */ var pwd = Ext。 create('Ext。
FormPanel', { renderTo: 'pw', frame: true, title: '密码验证', bodyPadding: '5px 5px 0', width: 350, fieldDefaults: { labelWidth: 125, msgTarget: 'side', autoFitErrors: false }, defaults: { width: 300, inputType: 'password' }, defaultType: 'textfield', items: [ { fieldLabel: '密码', name: 'pass', id: 'pass' }, { fieldLabel: '确认密码', name: 'pass-cfrm', vtype: 'password', initialPassField: 'pass' // id of the initial password field } ] });});。
三、extjs做用户登录,点击登录按钮,光标跳到用户名输入框中,当用户
使用keydown时间,当登陆框弹出的时候,焦点默认为用户名,点击回车键触发keydown事件(注:回车键的keyCode为13),给你个例子啊:
function(form){
form.down('form').down('textfield[id="zh"]').focus(true,100)
},
这是初始化登陆框时,焦点在用户名框上,
keydown:function(field,key){
if (key.keyCode==13)
field.up('form').down('textfield[id="password"]').focus(true,100)
},
这是点回车后焦点定位到密码框上。
转载请注明出处51数据库 » extjspassword