[CLOSED] Validation one control

**rnfigueira** · May 17, 2011, 2:20 PM

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ValidationTest.aspx.cs"
    Inherits="validation.ValidationTest" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net"  TagPrefix="ext" %>

<%@ Register Assembly="Ext.Net.UX" Namespace="Ext.Net.UX" TagPrefix="ux" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    
    <ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" />
    <style type="text/css">
        .x-form-invalid-icon
        {
            padding-left: 25px !important;
            background: url('../Images/icon-alert.png') no-repeat 3px 3px !important;
        }
        input.x-form-invalid, textarea.x-form-invalid
        {
            background-color: #FFD4D4 !important;
            background: url('../Images/textfield-error.png') 22px !important;
            border-color: #BF0000 !important;
            border-width: 1px !important;
        }
        .requeridField 
        {
            background: url('../Images/icon-mandatory.png');
        }
 /*       .x-form-item .x-form-item-label
        {
            font-weight:bold;
            
        }
        .x-form-field
        {
            font-family:Tahoma;
            font-size:8pt;
           
        }
        .x-form-field-redonly {
            border: none;
            background-image: none;
        } */       
                 

    </style>
    <script type="text/javascript">

        var validate = function (container) {
            container.myIsValid = true;
            container.cascade(
                function (c) {
                    if (c.isValid) {
                        this.myIsValid = c.isValid();
                    }
                },
                container);
            alert(container.myIsValid);
        }
    </script>
    <script type="text/javascript" src="Scripts/ValidationFormatDate.js"></script>
    <script type="text/javascript" src="Scripts/ValidationFormatText.js"></script>
    <script type="text/javascript" src="Scripts/ValidationFormatNumber.js"></script>
    <script type="text/javascript" src="Scripts/ValidationFormatValue.js"></script>
    <script type="text/javascript" src="Scripts/ValidationGenericFormat.js"></script>


</head>
<body  >
    <form id="form1" runat="server"  >
    
    
    <ext:ResourceManager ID="ResourceManager1" runat="server" EnableViewState="true" ViewStateMode="Enabled"   AjaxViewStateMode="Enabled"    />
    <ext:Viewport runat="server" ID="ViewPort1">
        <Items>
         <ext:Button ID="bt1Salvar" runat="server" Text="SalvarForaFormPainel">
                                                    <Listeners>
                                                        <Click  Handler="validate(Panel1);" />
                                                    </Listeners>
                                                </ext:Button>
            <ext:FormPanel ID="FormPanel1" runat="server" >
                <Items>
                    <ext:Panel ID="Panel1" runat="server" Border="false" Header="false" 
                        Padding="20" Layout="Form" LabelAlign="Right">
                        <Items>
                            <ext:ColumnLayout ID="ColumnLayout1" runat="server" Split="true" FitHeight="false">
                                <Columns>
                                    <ext:LayoutColumn ColumnWidth="0.3">
                                        <ext:Panel ID="Panel2" runat="server" Border="false" Header="false" 
                        Padding="20" Layout="Form" LabelAlign="Right">
                                            <Items>
                                            
                                                <ext:CompositeField ID="CompositeField1" runat="server" IndicatorIconCls="requeridField" 
                                                    Width="228" MsgTarget="Side">
                                                    <Items>
                                                        <ext:TextField ID="txtCD_USUARIO" FieldLabel="Usuário" Cls="x-form-field-redonly" LabelAlign="Right" runat="server"
                                                            MsgTarget="Side" AllowBlank="false" Width="200"  SelectOnFocus="true"  EnableKeyEvents="true"> 
                                                           </ext:TextField>
                                                          
                                                        <ext:Button ID="btnListaValores_CD_USUARIO" runat="server" IconCls="CssExtButtonListValues"
                                                            ToolTip="Lista" >
                                                            <Listeners>
                                                                <Click Fn="function(){teste('ertert');}"  />
                                                            </Listeners>

                                                        </ext:Button>
                                                    </Items>
                                                </ext:CompositeField>
                                                <ext:CompositeField ID="CompositeField3" runat="server" FieldLabel="ValorxxxTextFild"  IndicatorIconCls="requeridField" 
                                                    Width="130" MsgTarget="Side" >
                                                    <Items>
                                                        <ext:TextField ID="NumberField42"  runat="server" Cls="x-form-field-redonly" LabelAlign="Right" 
                                                            MsgTarget="Side" AllowBlank="false" EnableKeyEvents="true" SelectOnFocus="true">
                                                        </ext:TextField>
                                                        
                                                    </Items>
                                                </ext:CompositeField> 

                                                <ext:TextField ID="NumberField189" runat="server"  FieldLabel="Este é um nro" IndicatorText="*"
                                                    MsgTarget="Side" AllowBlank="false" SelectOnFocus="true"    
                                                     EnableKeyEvents="true" MaxLength="5" >
                                                    
                                                                                          
                                                </ext:TextField>
                                                <ext:TextField ID="TextField2" runat="server" FieldLabel="permite" IndicatorText="*"
                                                    MsgTarget="Side" AllowBlank="false" BlankText="teste2" />
                                                <ext:TextField ID="TextField3" runat="server" FieldLabel="Company" />
                                                <ext:TextField ID="TextField4" runat="server" FieldLabel="Company" />
                                                <ext:TextField ID="TextField5" runat="server" FieldLabel="Company" />
                                                <ext:TextField ID="TextField6" runat="server" FieldLabel="Company" />
                                                <ext:NumberField ID="NumberField2" runat="server"     FieldLabel="Nro" ></ext:NumberField>
<%--
                                                <ext:CompositeField ID="CompositeField2" runat="server" ReadOnly="true" FieldLabel="Data"  
                                                    Width="98" MsgTarget="Side" IndicatorIconCls="requeridField" >
                                                    <Items>--%>
                                                        <ext:DateField ID="date1" runat="server"   FieldLabel="Data" ReadOnly="true"  
                                                          AllowBlank="false"  EnableKeyEvents="true" 
                                                          SelectOnFocus="true"  Format="dd/MM/yyyy"  MsgTarget="Side" MinDate="01/01/1753"  >
<%--                                                            <Listeners>
                                                                <AfterRender Handler="validationFormatDateAfterRender(this,'12/10/2010');" />
                                                                <Blur Handler="validationFormatDate(this);" /> 
                                                            </Listeners>--%>

                                                            <Plugins>
                                                                <ux:InputTextMask ID="date1Mask" runat="server"  Mask="99/99/9999" />
                                                            </Plugins>
                                                        </ext:DateField>    
<%--                                                                                                        
                                                    </Items>
                                                </ext:CompositeField>--%>

                                                <ext:Button ID="Button1" runat="server" Text="Salvar">
                                                    <%--<Listeners>
                                                        <Click Handler="if (#{FormPanel1}.getForm().isValid()) Ext.Msg.alert('ValidatorParam1', 'ok'); " />
                                                    </Listeners>--%>
                                                </ext:Button>
                                                <ext:Button ID="btnValidate" runat="server" Text="Validar" Height="24" Width="103">
                                                    <DirectEvents>
                                                        <Click Before="if (#{FormPanel1}.getForm().isValid()==false) return false; else return true;"  OnEvent="btnValidate_Click">
                                                        </Click>
                                                    </DirectEvents>
                                                </ext:Button>
                                                <ext:DateField ID="DateField1" runat="server" Format="dd/MM/yyyy" Text="05/05/2011" >
                                                            <Plugins>
                                                                <ux:InputTextMask ID="InputTextMask1" runat="server"  Mask="99/99/9999" />
                                                            </Plugins>                                                
                                                </ext:DateField> 
                                          </Items>
                                        </ext:Panel>
                                    </ext:LayoutColumn>
                                    <ext:LayoutColumn ColumnWidth="0.5">
                                        <ext:Panel ID="Panel21" runat="server" Border="false" Header="false" ColumnWidth=".8"
                        Padding="20" Layout="Form" LabelAlign="Right">
                                            <Items>
                                                <ext:CompositeField ID="CompositeField11" runat="server" IndicatorText="*" IndicatorCls="requeridField"
                                                    Width="228" MsgTarget="Side">
                                                    <Items>
                                                        <ext:TextField ID="txtCD_USUARIO1" FieldLabel="Usuário1" LabelAlign="Right" runat="server"
                                                            MsgTarget="Side" AllowBlank="false"  Width="200"  EnableKeyEvents="true">
                                                            
                                                            </ext:TextField>
                                                        <ext:Button ID="btnListaValores_CD_USUARIO1" runat="server" IconCls="CssExtButtonListValues"
                                                            ToolTip="Lista">
                                                        </ext:Button>
                                                    </Items>
                                                </ext:CompositeField>

                                                <ext:TextField ID="TextField11" runat="server" FieldLabel="First Name" IndicatorText="*"
                                                    MsgTarget="Side" AllowBlank="false" />
                                                <ext:TextField ID="TextField21" runat="server" FieldLabel="permite" IndicatorText="*"
                                                    MsgTarget="Side" AllowBlank="false" BlankText="teste2" />
                                                <ext:TextField ID="TextField31" runat="server" FieldLabel="Company" />
                                                <ext:TextField ID="TextField41" runat="server" FieldLabel="Company" />
                                                <ext:TextField ID="TextField51" runat="server" FieldLabel="Company" />
                                                <ext:TextField ID="TextField61" runat="server" FieldLabel="Company" />
<%--                                                <ext:ComboBox ID="ComboBox11" runat="server" FieldLabel="lista" AllowBlank="false">
                                                </ext:ComboBox>--%>
                                                <ext:TextArea ID="TextArea11" runat="server" FieldLabel="Área" Height="60">
                                                </ext:TextArea>
                                                <ext:Button ID="Button2" runat="server" Text="Salvar">
                                                    <Listeners>
                                                        <Click Handler="#{FormPanel1}.getForm().isValid();" />
                                                    </Listeners>
                                                </ext:Button>
                                            </Items>
                                        </ext:Panel>
                                    </ext:LayoutColumn>
                                </Columns>
                            </ext:ColumnLayout>
                        </Items>
                    </ext:Panel>
                </Items>
            </ext:FormPanel>

        </Items>
    </ext:Viewport>
    </form>
</body>
</html>

**rnfigueira** · May 17, 2011, 2:20 PM

cliick button SalvarForaFormPainel

**Daniil** · May 17, 2011, 2:47 PM

My mistake. Please use:

var validate = function (container) {
    container.myIsValid = true;
    container.cascade(
        function (c) {
            if (c.isValid && !c.isValid()) {
                this.myIsValid = false;
            }
        },
        container);
    alert(container.myIsValid);
}

**rnfigueira** · May 17, 2011, 2:53 PM

Thank you. It worked

**rnfigueira** · May 23, 2011, 6:48 PM

Hi, we use the validate code you suggested but it is not validated the following controls: textField1 and TextBox1. See code example

<body>
    <form id="form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    <ext:Viewport runat="server" ID="ViewPort1">
        <Items>
            <ext:FormPanel ID="frmDetails" runat="server" Border="false" BodyStyle="background-color:transparent;"
                Width="1120" Height="670">
                <Items>
                    <ext:Panel ID="Panel1" runat="server" Border="false" EnableViewState="true">
                        <Content>
                            <asp:TextBox ID="TextBox1" runat="server" 
                                Width = "300px">
                            </asp:TextBox>
                        </Content>
                        <Items>
                            <ext:CompositeField ID="CompositeField1" runat="server"
                                FieldLabel="Usuário" LabelAlign="Right" 
                                IndicatorIconCls="form-icon-mandatory" 
                                MsgTarget="Side" Width="227" >
                                <Items>
                                    <ext:TextField ID="TextField1" runat="server"
                                        AllowBlank="false" 
                                        Width="200" >
                                    </ext:TextField>
                                    <ext:Button ID="Button1" runat="server"
                                        IconCls="form-icon_ListOfValues-n" ToolTip="Lista de Valores">
                                    </ext:Button>
                                </Items>
                            </ext:CompositeField>
                        </Items>
                    </ext:Panel>
                </Items>
            </ext:FormPanel>
        </Items>
    </ext:Viewport>
    </form>
</body>

**Daniil** · May 23, 2011, 8:37 PM

Containers doesn't support Items and Content at the same time.

And the code I suggested is not for Asp.Net controls.

I can suggest use to use Items and <ext:TextField> instead <asp:TextBox>.

By the way, why did you use TextBox?

**rnfigueira** · May 23, 2011, 8:42 PM

ok, <asp:TextBox> was just an example. I do not use asp: TextBox. I did another question about how I can loop the controls in a Content

**rnfigueira** · May 23, 2011, 8:44 PM

but still do not understand why it was not done to validate the control textField1. Validation occurs when calling the code "validate" the previous example.

**Daniil** · May 23, 2011, 8:50 PM

It can look something like this:
http://forums.ext.net/showthread.php...ll=1#post56732

**rnfigueira** · May 24, 2011, 11:52 AM

see the example set below. I can not validate the controls within the Content. The test is done by clicking the button.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="validationLoop.aspx.cs"
    Inherits="validation.validationLoop" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        var validate = function (container) {
            container.myIsValid = true;
            container.cascade(
                function (c) {
                    if (c.isValid) {
                        alert(c.id);
                        this.myIsValid = c.isValid();
                    }
                },
            container);
            alert(container.myIsValid);
        }
    </script>
</head>
<body>
    <form id="Form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    <ext:Panel ID="Panel1" runat="server">
        <Content>
            <ext:NumberField ID="NumberField1" runat="server" AllowBlank="false" />
            <ext:TextField ID="TextField1" runat="server" AllowBlank="false" />
            <ext:Panel ID="Panel2" runat="server">
                <Items>
                    <ext:NumberField ID="NumberField2" runat="server" AllowBlank="false" />
                    <ext:TextField ID="TextField2" runat="server" AllowBlank="false" />
                    <ext:Panel ID="Panel3" runat="server">
                        <Items>
                            <ext:NumberField ID="NumberField3" runat="server" AllowBlank="false" />
                            <ext:TextField ID="TextField3" runat="server" AllowBlank="false" />
                        </Items>
                    </ext:Panel>
                </Items>
            </ext:Panel>
        </Content>
    </ext:Panel>
    <ext:Button ID="Button1" runat="server" Text="Validate">
        <Listeners>
            <Click Handler="validate(Panel1)" />
        </Listeners>
    </ext:Button>
    </form>
</body>
</html>

Thread: [CLOSED] Validation one control

Thread Tools

Search Thread

Display

Similar Threads

Set control validation after checkbox is checked

Asp.Net Validation Control with Ext.Net Controls

[CLOSED] how to control the validation sequence between the client side validation and remote validation

How to use Validation Control in Coolite V0.8

[CLOSED] Form Validation within template of a asp:login control

Posting Permissions

Sitemap

Downloads

Resources