自定义EXT-Form表单验证(密码是否一致)

ExtJS密码一致性验证

最新推荐文章于 2019-10-02 21:32:56 发布

最新推荐文章于 2019-10-02 21:32:56 发布 · 205 阅读

文章标签：

#EXT

8-EXT 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何使用ExtJS自定义Vtype验证方法来确保两个密码输入框的内容保持一致。通过设置自定义验证方法和错误提示信息，实现对用户输入密码的即时校验。

//自定义Vtype验证----验证密码是否一致
Ext.apply(Ext.form.VTypes,{
 //验证方法  
 password:function(val,field){//val指这里的文本框值，field指这个文本框组件
  if(field.password.password_id){
   //password是自定义的配置参数，一般用来保存另外的组件的id值
   var pwd=Ext.get(field.password.password_id);//取得user_password的那个id的值
   return (val==pwd.getValue());//验证
  }
  return true;
}, 
 //验证提示错误提示信息(注意：方法名+Text) 
 passwordText: "两次密码输入不一致!"   
		      
}); 
/*简单代码。。。。。。
{
 xtype:"textfield",
 name:'user_password',
 id:'user_password',
 fieldLabel:'密码',
 inputType:'password',
 allowBlank:false,
 blankText:'密码不可为空'
},{
 xtype:"textfield",
 name:'vtype_user_password',
 inputType:'password', 
 fieldLabel:'确认密码',
 password:{password_id:'user_password'},
 vtype:'password'				
}
*/