[CLOSED] Problems with Password Validation and PasswordMask plugin

Hello all,
I notice that if I configure a password validation form (taken from examples) and use a PasswordMask plugin the field password confirmation doesn't check if the two strings (new password and confirm password) are equal, but only check if the length of both is the same.

Below the wrong example:

Code:

---

<ext:TextField ID="txtNewPassword" runat="server" meta:resourcekey="extTxtNewPassword"
              AllowBlank="false" AnchorHorizontal="100%">
    <Plugins>
        <ext:PasswordMask runat="server" />
        <ext:CapsLockDetector runat="server">
            <Listeners>
                <CapsLockOn Handler="#{txtNewPassword}.showIndicator({iconCls : '#Error', tip : 'CapsLock is active'});" />
                <CapsLockOff Handler="#{txtNewPassword}.hideIndicator();" />
            </Listeners>
        </ext:CapsLockDetector>
    </Plugins>
    <Listeners>
        <ValidityChange Handler="this.next().validate();" />
        <Blur Handler="this.next().validate();" />
    </Listeners>
</ext:TextField>
<ext:TextField ID="txtConfirmPassword" runat="server" meta:resourcekey="extTxtConfirmPassword"
              AllowBlank="false" AnchorHorizontal="100%" MsgTarget="Side" Vtype="password">
    <Plugins>
        <ext:PasswordMask runat="server" />
    </Plugins>
    <CustomConfig>
        <ext:ConfigItem Name="initialPassField" Value="txtNewPassword" Mode="Value" />
    </CustomConfig>
</ext:TextField>

---

Viceversa, if I use the attribute InputType="Password" inside the TextField and remove the PasswordMask plugin, all works well.
Below the example:

Code:

---

<ext:TextField ID="txtNewPassword" runat="server" meta:resourcekey="extTxtNewPassword"
              InputType="Password" AllowBlank="false" AnchorHorizontal="100%">
    <Plugins>
        <ext:CapsLockDetector runat="server">
            <Listeners>
                <CapsLockOn Handler="#{txtNewPassword}.showIndicator({iconCls : '#Error', tip : 'CapsLock is active'});" />
                <CapsLockOff Handler="#{txtNewPassword}.hideIndicator();" />
            </Listeners>
        </ext:CapsLockDetector>
    </Plugins>
    <Listeners>
        <ValidityChange Handler="this.next().validate();" />
        <Blur Handler="this.next().validate();" />
    </Listeners>
</ext:TextField>
<ext:TextField ID="txtConfirmPassword" runat="server" meta:resourcekey="extTxtConfirmPassword"
              InputType="Password" AllowBlank="false" AnchorHorizontal="100%" MsgTarget="Side" Vtype="password">
    <CustomConfig>
        <ext:ConfigItem Name="initialPassField" Value="txtNewPassword" Mode="Value" />
    </CustomConfig>
</ext:TextField>

---

I take the example here : https://examples2.ext.net/#/Form/Tex...rd_Validation/

Is it normal or I make some error ?

Unfortunatelly, Vtype validation cannot be used with PasswordMask plugin
I can suggest to use Validator and ValidatorText

Code:

---

<ext:TextField ID="txtConfirmPassword" runat="server" meta:resourcekey="extTxtConfirmPassword"
                      AllowBlank="false" AnchorHorizontal="100%" MsgTarget="Side" ValidatorText="Password doesn't match1">
            <Plugins>
                <ext:PasswordMask runat="server" />
            </Plugins>
            <Validator Handler="return this.getPassword() == #{txtNewPassword}.getPassword();" />
</ext:TextField>

---

Quote:

---

Originally Posted by Vladimir

Unfortunatelly, Vtype validation cannot be used with PasswordMask plugin
I can suggest to use Validator and ValidatorText

Code:

---

<ext:TextField ID="txtConfirmPassword" runat="server" meta:resourcekey="extTxtConfirmPassword"
                      AllowBlank="false" AnchorHorizontal="100%" MsgTarget="Side" ValidatorText="Password doesn't match1">
            <Plugins>
                <ext:PasswordMask runat="server" />
            </Plugins>
            <Validator Handler="return this.getPassword() == #{txtNewPassword}.getPassword();" />
</ext:TextField>

---

---

OK, thank you for your explanation.