This is a migrated thread and some comments may be shown as answers.

RadInputManager with Compare Validator

8 Answers 296 Views

Input

This is a migrated thread and some comments may be shown as answers.

8 Answers, 1 is accepted

answered on 26 Jan 2009, 07:10 AM

inputmanager.zip

Hi Chameleoki,

I followed your instructions but could not reproduce the described problem. You can find attached a sample website created for testing attached to this message. Try it and let me know if I am missing something important.

Sincerely yours,
Pavel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 26 Jan 2009, 07:59 AM

Thanks for the project. I have modified it to be more like the problem I am having. Please note it is now in VB.net

Try the following on Step 2:

1. Click the SetToZero Checkbox and then submit (then submit again)
OR
2. Put in zero and submit.
3. Hit submit twice on the above errors and you will get the required field validator misfire

ASPX:

    
            <%@ Page Language="VB" AutoEventWireup="false" CodeFile="InputManagerCompareValidator2.aspx.vb" Inherits="InputManagerCompareValidator2" %> 
        
            <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
        
            <!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>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server" submitdisabledcontrols="true"> 
        
                <div> 
        
                    <script type="text/javascript"> 
        
                        function calculate() { 
        
                            document.getElementById("<%= TextBox3.ClientID %>").value = parseFloat(document.getElementById("<%= TextBox1.ClientID %>").value) + parseFloat(document.getElementById("<%= TextBox2.ClientID %>").value) 
        
                        } 
        
                        function setToZero() {document.getElementById("<%= TextBox2.ClientID %>").value = 0.00; } 
        
                        function disableTextBox() { document.getElementById("<%= TextBox2.ClientID %>").value = 0.00; document.getElementById("<%= TextBox2.ClientID %>").disabled = true } 
        
                </script> 
        
                <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
        
                    <asp:Wizard ID="Wizard1" runat="server" ActiveStepIndex="0"> 
        
                        <WizardSteps> 
        
                            <asp:WizardStep runat="server" title="Step 1"> 
        
                            </asp:WizardStep> 
        
                            <asp:WizardStep runat="server" title="Step 2"> 
        
                            SetToZero: <asp:CheckBox ID="cbxSetToZero" OnClick="setToZero()" runat="server" /><br /> 
        
                            Disable: <asp:CheckBox ID="cbxDisable" OnClick="disableTextBox()" runat="server" /><br /> 
        
                    <br /> 
        
                <asp:TextBox ID="TextBox1" runat="server" Enabled="false" Text="0.00"></asp:TextBox><asp:CompareValidator ID="CompareValidator1" runat="server" ControlToValidate="TextBox2"  
        
                   ControlToCompare="TextBox1" ErrorMessage="!" Operator="GreaterThanEqual"></asp:CompareValidator><br /> 
        
                <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
        
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox2" Text="*" /> 
        
                <br /> 
        
                <asp:TextBox ID="TextBox3" runat="server" Enabled="false"></asp:TextBox><br /> 
        
                    <telerik:RadInputManager ID="RadInputManager1" runat="server" Skin="Sunset"> 
        
                    <telerik:NumericTextBoxSetting DecimalDigits="2" AllowRounding="true"> 
        
                        <TargetControls> 
        
                            <telerik:TargetInput ControlID="TextBox2" /> 
        
                        </TargetControls> 
        
                    </telerik:NumericTextBoxSetting> 
        
                </telerik:RadInputManager>     
        
                            </asp:WizardStep> 
        
                            <asp:WizardStep ID="WizardStep3" runat="server" title="Step 3"> 
        
                            </asp:WizardStep> 
        
                        </WizardSteps> 
        
                    </asp:Wizard> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

Codebehind:

    
            Partial Class InputManagerCompareValidator2 
        
                Inherits System.Web.UI.Page 
        
                Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load 
        
                    If Not Page.IsPostBack Then 
        
                        TextBox2.Attributes.Add("onBlur", "calculate();") 
        
                    End If 
        
                End Sub 
        
            End Class

answered on 28 Jan 2009, 11:03 AM

video.zip

Hi Chameleoki,

I am afraid I am still not able to reproduce the problem. I have prepared a small video to illustrate how it is behaving on my end. Please take a look at it and let me know if I am missing something.

Best wishes,
Pavel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 29 Jan 2009, 07:25 AM

Hi Chameleoki,

Indeed you are right, and the validator should not fire in this case (it seems I was expecting the validator to not fire when it should and missed the obvious). In order to make it work you should set the Type property of the CompareValidator to "Double" like this:

    
            <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToValidate="TextBox2"   
        
                   ControlToCompare="TextBox1" ErrorMessage="!" Type="Double" Operator="GreaterThanEqual"> 
        
            </asp:CompareValidator>

I hope this helps.

Kind regards,
Pavel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 28 Apr 2010, 05:44 PM

validaddress.PNG

This solution is very helpful. But I have little bit different scenario. I am assigning values to the text boxes from above address to billing address which is same as above on radio button OnSelectedIndexChanged="RadioBillingAddress_SelectedIndexChanged" event. After Copy the above address, If I mouse over on the billing address text boxes it shows Red on those fields as shown in the screen shot attached.

Please advice!
Thanks,
Sam

answered on 29 Apr 2010, 12:52 PM

Hi Chameleoki,

Thank you for the response. I made this form as an user control, pleasefind the code that I copied into aspx file..

--aspx File ---

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="InputManager.aspx.cs"Inherits="InputManager" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Untitled Page</title>

</head>

<body>

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="Fieldset" />

<telerik:RadInputManager ID="RadInputManager1" runat="server">

<telerik:TextBoxSetting BehaviorID="TextBoxBehavior1" EmptyMessage="Address" Validation-ValidationGroup="DonationsValidationGroup"

Validation-IsRequired="true">

<telerik:TargetInput ControlID="uxAddress1" />

<telerik:TargetInput ControlID="uxCCAddress" />

</TargetControls>

</telerik:TextBoxSetting>

<telerik:TextBoxSetting BehaviorID="TextBoxBehaviorAdd2" EmptyMessage="Address2"

Validation-ValidationGroup="DonationsValidationGroup" Validation-IsRequired="false">

<telerik:TargetInput ControlID="uxAddress2" />

</TargetControls>

</telerik:TextBoxSetting>

<telerik:TextBoxSetting BehaviorID="TextBoxBehaviorCity" EmptyMessage="City" Validation-ValidationGroup="DonationsValidationGroup"

Validation-IsRequired="true">

<telerik:TargetInput ControlID="uxCity" />

<telerik:TargetInput ControlID="uxCCity" />

</TargetControls>

</telerik:TextBoxSetting>

<telerik:RegExpTextBoxSetting BehaviorID="RagExpBehavior01" EmptyMessage="ZIP" Validation-IsRequired="true"

Validation-ValidationGroup="DonationsValidationGroup" ValidationExpression="\d{5}?"

ErrorMessage="Invalid ZIP">

<telerik:TargetInput ControlID="uxZip" />

<telerik:TargetInput ControlID="uxCCZip" />

</TargetControls>

</telerik:RegExpTextBoxSetting>

<telerik:RegExpTextBoxSetting BehaviorID="RagExpBehavior010" EmptyMessage="ZIP+4"

Validation-IsRequired="false" Validation-ValidationGroup="DonationsValidationGroup"

ValidationExpression="\d{4}?" ErrorMessage="Invalid ZIP4">

<telerik:TargetInput ControlID="uxZipPlus4" />

<telerik:TargetInput ControlID="uxCCZipPlus4" />

</TargetControls>

</telerik:RegExpTextBoxSetting>

</telerik:RadInputManager>

<asp:Panel runat="server" ID="panForm" CssClass="content">

<telerik:RadAjaxPanel ID="RadAjaxPanelMain" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

<asp:Panel ID="uxMainPanel" runat="server">

<telerik:RadFormDecorator Skin="Default" ID="RadFormDecorator2" runat="server" />

<telerik:RadWindowManager ID="RadWindowManager1" Behaviors="Close" KeepInScreenBounds="true"

runat="server" OffsetElementID="OffsetImage" Width="800px" Height="575px">

<telerik:RadWindow OpenerElementID="cvcHyperLink" Title="" ID="RadWindow1" NavigateUrl="cvc.htm"

runat="server">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<tbody>

<tr>

<span class="astrics">*</span>Address:

</td>

<asp:TextBox ID="uxAddress1" runat="server" CssClass="fields"></asp:TextBox>

</td>

</tr>

<tr>

Address(line#2):

</td>

<asp:TextBox ID="uxAddress2" runat="server" CssClass="fields"></asp:TextBox>

</td>

</tr>

<tr>

<span class="astrics">*</span>City:

</td>

<asp:TextBox ID="uxCity" runat="server" CssClass="fields" CausesValidation="true"

ValidationGroup="DonationsValidationGroup"></asp:TextBox>

</td>

</tr>

<tr>

<span class="astrics">*</span>State:

</td>

<telerik:RadComboBox ID="uxState" runat="server" Skin="Vista" CausesValidation="true"

ValidationGroup="DonationsValidationGroup" CssClass="fields" Height="100px" Width="140px"

AutoPostBack="false">

<Items>

<telerik:RadComboBoxItem runat="server" Value="AK" Text="AK" />

<telerik:RadComboBoxItem runat="server" Value="AL" Text="AL" />

<telerik:RadComboBoxItem runat="server" Value="AR" Text="AR" />

<telerik:RadComboBoxItem runat="server" Value="AZ" Text="AZ" />

<telerik:RadComboBoxItem runat="server" Value="CA" Text="CA" />

<telerik:RadComboBoxItem runat="server" Value="CO" Text="CO" />

<telerik:RadComboBoxItem runat="server" Value="CT" Text="CT" />

<telerik:RadComboBoxItem runat="server" Value="DC" Text="DC" />

<telerik:RadComboBoxItem runat="server" Value="DE" Text="DE" />

<telerik:RadComboBoxItem runat="server" Value="FL" Text="FL" />

<telerik:RadComboBoxItem runat="server" Value="GA" Text="GA" />

<telerik:RadComboBoxItem runat="server" Value="HI" Text="HI" />

<telerik:RadComboBoxItem runat="server" Value="IA" Text="IA" />

<telerik:RadComboBoxItem runat="server" Value="ID" Text="ID" />

<telerik:RadComboBoxItem runat="server" Value="IL" Text="IL" />

<telerik:RadComboBoxItem runat="server" Value="IN" Text="IN" />

<telerik:RadComboBoxItem runat="server" Value="KS" Text="KS" />

<telerik:RadComboBoxItem runat="server" Value="KY" Text="KY" />

<telerik:RadComboBoxItem runat="server" Value="LA" Text="LA" />

<telerik:RadComboBoxItem runat="server" Value="MA" Text="MA" />

<telerik:RadComboBoxItem runat="server" Value="MD" Text="MD" />

<telerik:RadComboBoxItem runat="server" Value="ME" Text="ME" />

<telerik:RadComboBoxItem runat="server" Value="MI" Text="MI" />

<telerik:RadComboBoxItem runat="server" Value="MN" Text="MN" />

<telerik:RadComboBoxItem runat="server" Value="MO" Text="MO" Selected="true" />

<telerik:RadComboBoxItem runat="server" Value="MS" Text="MS" />

<telerik:RadComboBoxItem runat="server" Value="MT" Text="MT" />

<telerik:RadComboBoxItem runat="server" Value="NC" Text="NC" />

<telerik:RadComboBoxItem runat="server" Value="ND" Text="ND" />

<telerik:RadComboBoxItem runat="server" Value="NE" Text="NE" />

<telerik:RadComboBoxItem runat="server" Value="NH" Text="NH" />

<telerik:RadComboBoxItem runat="server" Value="NJ" Text="NJ" />

<telerik:RadComboBoxItem runat="server" Value="NM" Text="NM" />

<telerik:RadComboBoxItem runat="server" Value="NV" Text="NV" />

<telerik:RadComboBoxItem runat="server" Value="NY" Text="NY" />

<telerik:RadComboBoxItem runat="server" Value="OH" Text="OH" />

<telerik:RadComboBoxItem runat="server" Value="OK" Text="OK" />

<telerik:RadComboBoxItem runat="server" Value="OR" Text="OR" />

<telerik:RadComboBoxItem runat="server" Value="PA" Text="PA" />

<telerik:RadComboBoxItem runat="server" Value="RI" Text="RI" />

<telerik:RadComboBoxItem runat="server" Value="SC" Text="SC" />

<telerik:RadComboBoxItem runat="server" Value="SD" Text="SD" />

<telerik:RadComboBoxItem runat="server" Value="TN" Text="TN" />

<telerik:RadComboBoxItem runat="server" Value="TX" Text="TX" />

<telerik:RadComboBoxItem runat="server" Value="UT" Text="UT" />

<telerik:RadComboBoxItem runat="server" Value="VA" Text="VA" />

<telerik:RadComboBoxItem runat="server" Value="VT" Text="VT" />

<telerik:RadComboBoxItem runat="server" Value="WA" Text="WA" />

<telerik:RadComboBoxItem runat="server" Value="WI" Text="WI" />

<telerik:RadComboBoxItem runat="server" Value="WV" Text="WV" />

<telerik:RadComboBoxItem runat="server" Value="WY" Text="WY" />

</Items>

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="rfvState" ControlToValidate="uxState" InitialValue="-- Select One --"

CausesValidation="true" ValidationGroup="DonationsValidationGroup" runat="server"

ErrorMessage="State is required.">

!</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<span class="astrics">*</span>ZIP:

</td>

<asp:TextBox ID="uxZip" runat="server" MaxLength="5" Size="8"></asp:TextBox>

<asp:TextBox ID="uxZipPlus4" runat="server" MaxLength="4" Size="8"></asp:TextBox>

</td>

</tr>

<tr>

Billing Address is the same as above Address:

</td>

<asp:RadioButtonList ID="RadioBillingAddress" runat="server" AutoPostBack="true"

RepeatDirection="Horizontal" OnSelectedIndexChanged="RadioBillingAddress_SelectedIndexChanged">

<asp:ListItem Text="Yes" Value="Yes" />

<asp:ListItem Text="No" Value="No" Selected="True" />

</asp:RadioButtonList>

</td>

</tr>

<tr>

Address:

</td>

<asp:TextBox ID="uxCCAddress" runat="server" MaxLength="50" CssClass="fields" />

</td>

</tr>

<tr>

City:

</td>

<asp:TextBox ID="uxCCity" runat="server" MaxLength="50" CssClass="fields" />

</td>

</tr>

<tr>

State :

</td>

<telerik:RadComboBox ID="uxCCState" runat="server" Skin="Vista" CausesValidation="true"