Dropdown list enable required on textbox when selected value .net

Question

I have a dropdown list that when selected value is equal to "Closed". I want a Required field to become enabled. I have tried this

<asp:DropDownList ID="DropDownList9" runat="server" 
                            DataSourceID="SqlDataCaseStatus" DataTextField="CaseStatus" 
                            DataValueField="CaseStatus" Text='<%# Bind("Case_Status") %>' AutoPostBack="False" onchange="if(this.options[this.selectedIndex].text='Closed')ValidatorEnable('RequiredFieldValidatorDateOfWriteOff', true);else ValidatorEnable('RequiredFieldValidatorDateOfWriteOff', false); " >
                        </asp:DropDownList>

<asp:RequiredFieldValidator ID="RequiredFieldValidatorDateOfWriteOff" runat="server" 
                ControlToValidate="TextBox13" 
                ErrorMessage="Date Of Write Off is a Required Field">*</asp:RequiredFieldValidator>

But when i change the dropdown i get an error:

Microsoft JScript runtime error: Unable to set value of the property 'visibility': object is null or undefined.

any help would be much appreciated

take a look here Enable/Disable Required field validator from cs page — Ravi
– Ravi, Commented Jan 2, 2014 at 13:06

synek317 · Accepted Answer · 2014-01-02 13:05:50Z

0

First of all try changing = to == when comparing text with 'Closed'.

answered Jan 2, 2014 at 13:05

synek317

8392 gold badges9 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Damon · Accepted Answer · 2014-01-02 13:26:03Z

0

You need to use the Enabled property. Give this a go, the code is very rough and is just for an example. I have extracted the behaviour into one method, just for ease of demonstration.

<body>
    <form id="form1" runat="server">
        <script type="text/javascript">

            function EnableValidator() {
                var dropdown1 = document.getElementById('DropDownList1');
                var a = dropdown1.options[dropdown1.selectedIndex];

                if (a.text == "ValidateYes1") {
                    document.getElementById("RequiredFieldValidator1").enabled = true;
                } else {
                    document.getElementById("RequiredFieldValidator1").enabled = false;
                }
            };
        </script>

    <div>

    </div>
    <asp:DropDownList ID="DropDownList1" runat="server" onchange="EnableValidator();">
        <asp:ListItem>ValidateYes1</asp:ListItem>
        <asp:ListItem>ValidateNo2</asp:ListItem>
    </asp:DropDownList>

    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

    <asp:RequiredFieldValidator
        ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox1" ErrorMessage="RequiredFieldValidator"></asp:RequiredFieldValidator><asp:Button
            ID="Button1" runat="server" Text="Button" />
    </form>
</body>

answered Jan 2, 2014 at 13:26

Damon

3,0207 gold badges26 silver badges28 bronze badges

2 Comments

Key-eat Over a year ago

My DropDownList is in a DetailsView so its having trouble accessing the value .... coming up as Null, any ideas ?

Damon Over a year ago

That's because the client ID of the control is controlled by ASP. What you could do is in the JavaScript try var dropdown1 = document.getElementById(<%= DropDownList1.ClientID %>); (Follow the same convention for the other controls.) Also have a look at this question: stackoverflow.com/questions/5473111/…

Sain Pradeep · Accepted Answer · 2014-01-02 13:45:30Z

0

ValidatorEnable requires control and you are passing id of control

ValidatorEnable('RequiredFieldValidatorDateOfWriteOff', true)

That is why you are getting the object null error.

Please change it to

ValidatorEnable(document.getElementById('<%= RequiredFieldValidatorDateOfWriteOff.ClientID %>'), true);

edited Jan 2, 2014 at 13:45

answered Jan 2, 2014 at 13:35

Sain Pradeep

3,1351 gold badge24 silver badges34 bronze badges

Comments

Neeraj Kumar Gupta · Accepted Answer · 2014-01-02 13:47:29Z

0

<asp:DropDownList ID="DropDownList9" runat="server" 
                        DataSourceID="SqlDataCaseStatus" DataTextField="CaseStatus" 
                        DataValueField="CaseStatus" Text='<%# Bind("Case_Status") %>' AutoPostBack="False" onchange="validateSelection(this);" >
                    </asp:DropDownList>

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

    function validateSelection(drp) {

        var vc = document.getElementById('<% = RequiredFieldValidatorDateOfWriteOff.ClientID %>');

        if (drp.text == 'Closed') {

            ValidatorEnable(vc, true);

        }
        else {
            ValidatorEnable(vc, false);
        }

    }


</script>

edited Jan 2, 2014 at 13:47

answered Jan 2, 2014 at 13:15

Neeraj Kumar Gupta

2,3637 gold badges33 silver badges63 bronze badges

2 Comments

Key-eat Over a year ago

tried this but no joy, agree it should be in function but just want to get it working first :-) thanks

Key-eat Over a year ago

My DropDownList is in a DetailsView so its having trouble accessing the value .... coming up as Null, any ideas ?

Collectives™ on Stack Overflow

Dropdown list enable required on textbox when selected value .net

4 Answers 4

Comments

2 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related