PDA

View Full Version : [CLOSED] TextField with PasswordMask getValue() to validate password match



osef
Jan 14, 2015, 1:45 AM
Hi, How Can I to get the value of TextField with of plugin PasswordMask because I get asterisk:

http://forums.ext.net/attachment.php?attachmentid=18832&stc=1

And How Can I to validate the two textField Password to confirmation password, and ValidityChange of FormaPanel this work, this is my code:



<ext:FormPanel
ID="fpUsuario"
runat="server"
BodyPadding="10"
ButtonAlign="Right"
Width="750"
Height="380">
<Items>
<ext:TextField
ID="txtfContrasena"
runat="server"
FieldLabel="Contrase?a"
LabelWidth="105"
MaxLength="50"
EnforceMaxLength="true"
AllowBlank="false"
Width="350"
StyleSpec="margin-right: 6px;">
<Plugins>
<ext:PasswordMask ID="pmContrasena" runat="server">
</ext:PasswordMask>
<ext:CapsLockDetector ID="cldContrasena" runat="server">
<Listeners>
<CapsLockOn Handler="#{txtfContrasena}.showIndicator({iconCls : '#Error', tip : 'BloqMay?s esta activado'});" />
<CapsLockOff Handler="#{txtfContrasena}.hideIndicator();" />
</Listeners>
</ext:CapsLockDetector>
</Plugins>
</ext:TextField>
<ext:TextField
ID="txtfConfirmarContrasena"
runat="server"
FieldLabel="Confirmar"
LabelWidth="105"
MaxLength="50"
EnforceMaxLength="true"
AllowBlank="false"
Width="350"
StyleSpec="margin-right: 6px;">
<Plugins>
<ext:PasswordMask ID="pmConfirmarContrasena" runat="server" />
<ext:CapsLockDetector ID="cldConfirmarContrasena" runat="server">
<Listeners>
<CapsLockOn Handler="#{txtfConfirmarContrasena}.showIndicator({iconCls : '#Error', tip : 'BloqMay?s esta activado'});" />
<CapsLockOff Handler="#{txtfConfirmarContrasena}.hideIndicator();" />
</Listeners>
</ext:CapsLockDetector>
</Plugins>
</ext:TextField>
</Items>
<Listeners>
<ValidityChange Handler="this.dockedItems.get(0).setStatus({
text : valid ? 'La informaci?n esta completa/correcta' : 'Existe informaci?n incompleta/incorrecta',
iconCls: valid ? 'icon-accept' : 'icon-exclamation'
});
#{imgbtnGuardar}.setDisabled(!valid);" />
</Listeners>
<Buttons>
<ext:Button
ID="imgbtnGuardar"
runat="server"
Disabled="true"
Text="Save">
</ext:Button>
</Buttons>
<BottomBar>
<ext:StatusBar
ID="sbUsuario"
runat="server"
Cls="x-colorToolbar"
Text="Sin validar informaci?n" />
</BottomBar>
</ext:FormPanel>

osef
Jan 14, 2015, 5:00 AM
This is the solution:



<ext:TextField
ID="txtfContrasena"
runat="server"
FieldLabel="Contrase?a"
LabelWidth="105"
MaxLength="50"
EnforceMaxLength="true"
AllowBlank="false"
Width="350"
StyleSpec="margin-right: 6px;"
SubmitValue="false">
<Validator Fn="txtfContrasena_Validator" />
<Plugins>
<ext:PasswordMask ID="pmContrasena" runat="server">
</ext:PasswordMask>
<ext:CapsLockDetector ID="cldContrasena" runat="server">
<Listeners>
<CapsLockOn Handler="#{txtfContrasena}.showIndicator({iconCls : '#Error', tip : 'BloqMay?s esta activado'});" />
<CapsLockOff Handler="#{txtfContrasena}.hideIndicator();" />
</Listeners>
</ext:CapsLockDetector>
</Plugins>
</ext:TextField>
<ext:TextField
ID="txtfConfirmarContrasena"
runat="server"
FieldLabel="Confirmar"
LabelWidth="105"
MaxLength="50"
EnforceMaxLength="true"
AllowBlank="false"
Width="350"
StyleSpec="margin-right: 6px;"
SubmitValue="false">
<Validator Fn="txtfConfirmarContrasena_Validator" />
<Plugins>
<ext:PasswordMask ID="pmConfirmarContrasena" runat="server" />
<ext:CapsLockDetector ID="cldConfirmarContrasena" runat="server">
<Listeners>
<CapsLockOn Handler="#{txtfConfirmarContrasena}.showIndicator({iconCls : '#Error', tip : 'BloqMay?s esta activado'});" />
<CapsLockOff Handler="#{txtfConfirmarContrasena}.hideIndicator();" />
</Listeners>
</ext:CapsLockDetector>
</Plugins>
</ext:TextField>




var banderaValidate = false;

//Validar el TextField de Contrase?a
var txtfContrasena_Validator = function (valor) {
if (App.txtfConfirmarContrasena.getPassword() == '') {
return true;
}
else if (this.getPassword() == App.txtfConfirmarContrasena.getPassword()) {
if (banderaValidate == false) {
banderaValidate = true;
App.txtfConfirmarContrasena.validate();
banderaValidate = false;
}
return true;
}
else {
return 'Las contrase?as no coinciden';
}
};

//Validar el TextField de Confirmar Contrase?a
var txtfConfirmarContrasena_Validator = function (valor) {
if (App.txtfContrasena.getPassword() == '') {
return true;
}
else if (this.getPassword() == App.txtfContrasena.getPassword()) {
if (banderaValidate == false) {
banderaValidate = true;
App.txtfContrasena.validate();
banderaValidate = false;
}
return true;
}
else {
return 'Las contrase?as no coinciden';
}
};