Ads

Captured Technology - Blog

Turning On/Off APS.Net Client Side Validation

Turning On/Off APS.Net Client Side Validation

Javascript has a built in function, ValidatorEnable, to turn on or turn off client validation so you can validate certain controls under only certain conditions. The code attached shows how to limit the validation on a textbox depending on value of a dropdown list. The code also only displays the textbox when the same condition is true.

<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
        function Validate()
        {
            if(document.getElementById("DropDownList1").selectedIndex < 2)
                {
        document.getElementById("TextBox1").disabled = true;
        ValidatorEnable(document.getElementById("valrqdOther"), true);
        }
            else
        {
        document.getElementById("TextBox1").disabled = false;
        ValidatorEnable(document.getElementById("valrqdOther"), false);
        }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="DropDownList1" runat="server" >
            <asp:ListItem Text="1"></asp:ListItem>
            <asp:ListItem Text="2"></asp:ListItem>
            <asp:ListItem Text="3"></asp:ListItem>
            <asp:ListItem Text="4"></asp:ListItem>
        </asp:DropDownList>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="valrqdOther" runat="server" 
ControlToValidate="TextBox1" ErrorMessage="- TextBox1 is a required field."
Display="Dynamic" InitialValue="" Enabled="false"></asp:RequiredFieldValidator> </div> </form> public partial class SomeUserClass : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { DropDownList1.Attributes.Add("onchange", "javascript:return Validate()"); } }

Blog Directory

Latest technology news.
 Patrick Stevens
 533  246383  3/28/2024

Translate

Categories

Blog Calendar