Change textbox’s css class when ASP.NET Validation fails

by

Here is quick and dirty thing (but it works!)

<form id="form1" runat="server">
      <asp:TextBox ID="txtOne" runat="server" />
      <asp:RequiredFieldValidator ID="rfv" runat="server" 
                                 ControlToValidate="txtOne" Text="SomeText 1" />
      <asp:TextBox ID="txtTwo" runat="server" />
      <asp:RequiredFieldValidator ID="rfv2" runat="server" 
                                 ControlToValidate="txtTwo" Text="SomeText 2" />
      <asp:Button ID="btnOne" runat="server" OnClientClick="return BtnClick();" 
                                         Text="Click" CausesValidation="true" />
    </form>
    <script type="text/javascript">
        function BtnClick() {
            //var v1 = "#<%= rfv.ClientID %>";
            //var v2 = "#<%= rfv2.ClientID %>";
            var val = Page_ClientValidate();
            if (!val) {
                var i = 0;
                for (; i < Page_Validators.length; i++) {
                    if (!Page_Validators[i].isvalid) {
                        $("#" + Page_Validators[i].controltovalidate)
                         .css("background-color", "red");
                    }
                }
            }            
            return val;
        }
    </script>

More Related Contents:

  1. jQuery Validation plugin in ASP.NET Web Forms
  2. Enable/disable asp.net validator controls within a specific “ValidationGroup” with jQuery?
  3. How to do a Jquery Callback after form submit?
  4. How do I run different versions of jQuery on the same page?
  5. jQuery UI ” $(“#datepicker”).datepicker is not a function”
  6. ASP.NET Server does not process pages asynchronously
  7. How do I Validate the File Type of a File Upload?
  8. Using jQuery for AJAX with ASP.NET Webforms [closed]
  9. How can I run some javascript after an update panel refreshes?
  10. Get Image dimensions using Javascript during file upload
  11. ASP.Net Master Page and File path issues
  12. can jquery ajax call external webservice?
  13. Page_ClientValidate is validating multiple times.
  14. How can I determine the element type of a matched element in jQuery?
  15. How to capture submit event using jQuery in an ASP.NET application?
  16. How to do the same in JavaScript? [closed]
  17. Required field validations not working in JQuery Popup MVC 4
  18. Validation of file extension before uploading file
  19. What does .d in JSON mean?
  20. jQuery returning “parsererror” for ajax request
  21. TypeError: $(…).DataTable is not a function
  22. asp.net validation to make sure textbox has integer values
  23. jQuery add required to input fields
  24. ASP.NET Custom user control to add dynamically
  25. How do I make a checkbox required on an ASP.NET form?
  26. Check if date is in the past Javascript
  27. asp.net web forms json return result
  28. How can I use HTML5 email input type with server-side .NET
  29. How does Page.IsValid work?
  30. focus on next tabindex of HTML element onEnter keypress by JQuery

Leave a Comment