[CLOSED] Mask in mandatory field isnot activating

[rguardado]

I have a formpanel with a textfield with a mask, this field has the tag allowblank=false.

  <ext:Window 
        ID="wndU" 
        runat="server" 
        Icon="User" 
        Title="Usuario"
        Width="475" 
        Height="480" 
        AutoScroll="true"
        AutoShow="false" 
        Modal="true" 
        Hidden="true">
        <Items>
            <ext:FormPanel 
                ID="frmU" 
                runat="server" 
                BodyPadding="5">
                <Defaults>
                    <ext:Parameter Name="MsgTarget" Value="side" />
                </Defaults>            
                <Items>
                    <ext:Hidden runat="server" ID="x" Text="0" />
                    <ext:TextField runat="server" FieldLabel="Cuenta" ID="tU" Name="tu" AllowBlank="false" MaxLength="25" EnforceMaxLength="true" AnchorHorizontal="70%" FieldCls="bygl"/>
                    <ext:SelectBox
                        ID="cPer"
                        runat="server" 
                        Fieldlabel="Perfil" 
                        DisplayField="Descripcion"
                        ValueField="Id"
                        Name="cper" FieldCls="bygl"
                        EmptyText="Selecciona..." 
                        AllowBlank="false">
                        <Store>
                            <ext:Store runat="server">
                                <Model>
                                    <ext:Model runat="server" IDProperty="Id">
                                        <Fields>
                                            <ext:ModelField Name="Id" />
                                            <ext:ModelField Name="Descripcion" />
                                        </Fields>
                                    </ext:Model>
                                </Model>            
                            </ext:Store>    
                        </Store>    
                    </ext:SelectBox>
                    <ext:TextField runat="server" FieldLabel="Nombre" ID="tN" Name="tn" AllowBlank="false" MaxLength="100" EnforceMaxLength="true" FieldCls="bygl"/>
                    <ext:TextField runat="server" FieldLabel="Password" ID="tP" Name="tp" InputType="Password" FieldCls="bygl"/>
                    <ext:TextField runat="server" FieldLabel="Email" ID="tE" Name="te" Vtype="email" AllowBlank="false" MaxLength="50" EnforceMaxLength="true" FieldCls="bygl"/>
                    <ext:TextField runat="server" FieldLabel="TelCasa" ID="ttH" Name="tth" MaxLength="13" EnforceMaxLength="true" AllowBlank="false" FieldCls="bygl">
                        <Plugins>
                            <ext:InputMask runat="server" Mask="(999)999-9999" />
                        </Plugins>
                    </ext:TextField>
                    <ext:TextField runat="server" FieldLabel="TelCelular" ID="ttC" Name="ttc" MaxLength="13" EnforceMaxLength="true" AllowBlank="false" FieldCls="bygl">
                        <Plugins>
                            <ext:InputMask runat="server" Mask="(999)999-9999" />
                        </Plugins>
                    </ext:TextField>
                    <ext:Checkbox ID="chkD" runat="server" FieldLabel="DeviceAny" Name="ckd" />
                    <ext:TextField runat="server" FieldLabel="DeviceSerial" ID="tS" Name="ts" MaxLength="50" EnforceMaxLength="true" FieldCls="bygl"/>
                    <ext:TextArea runat="server" FieldLabel="Comentario" Height="50" ID="tC" Name="tc"  Width="300" FieldCls="bygl"/>
                    <ext:Checkbox ID="chkU" runat="server" FieldLabel="Activo" Name="cku" />
                    <ext:FieldSet runat="server" Collapsed="false" Collapsible="false" Title="Actualizacion" Width="280" Border="false" Cls="cb fs9">
                        <Items>
                            <ext:Label ID="lfU" runat="server" Name="lfu" Cls="cgr fs9" />
                            <ext:Label ID="luU" runat="server" Name="luu" Cls="cgr fs9"/>
                        </Items>
                    </ext:FieldSet>
                </Items>
                <Buttons>
                    <ext:Button runat="server" Text="Nuevo" Icon="Add">
                        <DirectEvents>
                            <Click OnEvent="btnUNew"> 
                                <EventMask ShowMask="true" Msg="Procesando Informacion..." />
                            </Click>
                        </DirectEvents>
                        <Listeners>
                            <Click Handler="top.GApp.wndHdr(#{wndU},1);" />
                        </Listeners>
                    </ext:Button>
                    <ext:Button id="btnG" runat="server" Icon="DatabaseSave" Text="Guarda">
                        <DirectEvents>
                            <Click OnEvent="frmUSave" before="return #{frmU}.isValid();" Success="#{grdU}.store.reload()">
                                <ExtraParams>
                                    <ext:Parameter Name="values" Value="#{frmU}.getForm().getValues()" Mode="Raw" Encode="true" />
                                </ExtraParams>
                                <EventMask ShowMask="true" Msg="Procesando Informacion..." />
                            </Click>                        
                        </DirectEvents>
                    </ext:Button>

I popup the formpanel and fill some of the fields, and try to save them, the form doesnt concern with the red border on the masked fields that are missing from being filled. I need to be inside each of the masked fields(focus on them), for the red border activates.



How can I solve this issue?

Thanks in advance.