ExtJs 암호 강도 검사기

Question

ExtJS에서 암호 강도를 확인하는 방법 Iam은 oldpassword, 새 암호 및 confirmpassword가있는 창을 설계합니다. 그래서 새 암호 옆에 암호 강도 또한 암호 일치하는 메시지를으로 모니터하는 방법에 옆이의

Answer 1

베어 뼈는 사전에

감사 (안 일치하는 암호의 경우) (암호)를에 검증 예에 확인 ExtJS 사이트 : http://dev.sencha.com/deploy/ext-3.3.0/examples/form/adv-vtypes.html

clientvalidation 이벤트에 수신기를 배치하여 비밀번호 강도로 패널을 업데이트 할 수 있습니다.

Answer 2

내 프로젝트에서 나는 passwordmeter을 사용하고 있습니다. 암호를 평가하는 데 사용하는 알고리즘은 매우 논리적이고 강력합니다 (항상 그런 것은 아닙니다). 상자 컨테이너에 formpanel에 넣었습니다. 여기 내 코드입니다 :

{ 

      xtype: 'box', 

      isFormField: true, 

      autoEl: { 

       tag: 'div', 

       id: 'scorebarBorder', 

       children: [{ 

        tag: 'div', 

        id: 'score', 

        html: '0%' 

       }, { 

        tag: 'div', 

        id: 'scorebar', 

        html: ' ' 

       }, { 

        tag: 'div', 

        id: 'complexity', 

        html: 'Too Short' 

       }] 

      } 

     } 

당신은 그것을 사용하기 위해 의 keyup 이벤트와 비밀번호 필드를 연결해야

: 또한 두 개의 패스 값을 비교하기 위해 VTYPE을 사용할 수 있습니다

{ 

      xtype: 'textfield', 

      inputType: 'password', 

      fieldLabel: "Enter your new password", 

      minLengthText: 'Type at least 4 characters', 


      maxLengthText: 'Type maximum 50 characters', 

      enableKeyEvents: true, 

      listeners: { 

       keyup: function (field, event) { 

        chkPass(field.getRawValue()); 

       } 

      } 

     } 

다음

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: 'The passwords entered do not match!<br/>Please Re-Type' 

    }); 

}, this); 

과 : 사용자가 입력 한

{다른 패스 체크 대안이 site

 xtype: 'textfield', 

     fieldLabel: "Please re-type your new password", 

     inputType: 'password', 


     vtype: 'password', 

     initialPassField: 'firstPassword' 

    } 

확인합니다.