Highlighting Textbox On Error Using Requiredfieldvalidator

here for a quick overview of the site Help Center Detailed answers to any questions you might have Meta Discuss javascript validation change textbox color the workings and policies of this site About Us Learn more about

How To Change Textbox Border Color Whenever Validation Fails Using Javascript

Stack Overflow the company Business Learn more about hiring developers or posting ads with us Stack Overflow Questions highlight textbox on validation error jquery Jobs Documentation Tags Users Badges Ask Question x Dismiss Join the Stack Overflow Community Stack Overflow is a community of 4.7 million programmers, just like you, helping each other.

Change Background And Border Color Of Invalid Controls When Validation Fails In Asp Net

Join them; it only takes a minute: Sign up How do I highlight a textbox border red when it is required? up vote 4 down vote favorite 6 What property do I use on the required field validator control to make the textbox red if there is a validation error? Here is my code:
asp.net webforms share|improve this question asked Jan 20 '14 at 15:31 Greg ''Wildman'' Finzer 2,38294473 You could use a ValidatorCalloutExtender, it has a HighlightCssClass property for this. –Tim Schmelter Jan 20 '14 at 15:37 Basically there should be a .axd file rendered to handle all validation. All you need is check where they are displaying the error message and add the new generic class highlight-error –Murali Murugesan Jan 20 '14 at 15:55 Updated my answer with a working code –Murali Murugesan Jan 20 '14 at 17:13 add a comment| 4 Answers 4 active oldest votes up vote 13 down vote accepted ASP.Net web forms internally uses a Javascript frameworka located at aspnet_client\{0}\{1} folder to handle the validation, etc. They are basically determined from the property ClientScriptsLocation Try overriding the default framework function by keeping it in your page includes additional line to set the control_to_val

here for a quick overview of the site Help Center Detailed answers to any questions you might have Meta Discuss the workings and

Change Textbox Background Color On Validation

policies of this site About Us Learn more about Stack Overflow the company

Jquery Validate Textbox Border Red

Business Learn more about hiring developers or posting ads with us Stack Overflow Questions Jobs Documentation Tags Users how to make textbox border red using jquery Badges Ask Question x Dismiss Join the Stack Overflow Community Stack Overflow is a community of 4.7 million programmers, just like you, helping each other. Join them; it only takes a http://stackoverflow.com/questions/21237890/how-do-i-highlight-a-textbox-border-red-when-it-is-required minute: Sign up Change Text Box Color using Required Field Validator. No Extender Controls Please up vote 23 down vote favorite 13 I need to change color of TextBox whenever its required field validator is fired on Clicking the Submit button asp.net servercontrols requiredfieldvalidator share|improve this question edited Oct 13 '08 at 7:05 paxdiablo 490k1179721421 asked Oct 13 '08 at 6:35 http://stackoverflow.com/questions/196859/change-text-box-color-using-required-field-validator-no-extender-controls-pleas Badmate add a comment| 16 Answers 16 active oldest votes up vote 26 down vote What you can do is register a Javascript function that will iterate through the global Page_Validators array after submission and you can set the background appropriately. The nice thing about this is that you can use it on all of your controls on the page. The function looks like this: function fnOnUpdateValidators() { for (var i = 0; i < Page_Validators.length; i++) { var val = Page_Validators[i]; var ctrl = document.getElementById(val.controltovalidate); if (ctrl != null && ctrl.style != null) { if (!val.isvalid) ctrl.style.background = '#FFAAAA'; else ctrl.style.backgroundColor = ''; } } } The final step is to register the script with the OnSubmit event: VB.NET: Page.ClientScript.RegisterOnSubmitStatement(Me.GetType, "val", "fnOnUpdateValidators();") C#: Page.ClientScript.RegisterOnSubmitStatement(this.GetType(), "val", "fnOnUpdateValidators();"); You'll maintain the proper IsValid status in all of your code behind and it can work with all of your controls. Note: I found this solution from the following blog. I just wanted to document it here in the event the source blog goes down. share|improve this answer edited Oct 18 '12 at 21:31 Bob Kaufma

Of The SharePoint Products and Technologies Configuration Wizard there is no attribute "border" http://geekswithblogs.net/ptahiliani/archive/2009/08/13/highlighting-textbox-on-error-using-required-field-validator.aspx Sql Server Default Date Format - Globalization Prevent duplicate records using insert query Cannot access a closed file. Multiple websites on Windows XP Professional Consuming a PHP Web Service from a .NET client {"IErrorInfo.GetDescription failed with E_FAIL(0x80004005)."} T-SQL determine the correct format for datetime values Post Categories FTP BizTalk WCF ESB BizTalk 2009 RFID textbox border REST BizTalk 2006 R2 AppFabric ServiceBus BizTalk 2010 .Net Azure Kinect WPF BizTalk Server 2013 Azure EDI Services Cloud Computing Archives January 2014 (1) August 2013 (2) July 2013 (1) June 2013 (1) October 2012 (1) May 2011 (3) May 2010 (3) March 2010 (1) February 2010 (2) December 2009 (1) October 2009 (1) September textbox border color 2009 (2) August 2009 (3) July 2009 (1) March 2009 (3) February 2009 (1) January 2009 (1) December 2008 (5) November 2008 (1) Pankaj Tahiliani << Form inside AJAX update panel isn't submitting line breaks correctly with Firefox and Safari | Home | T-SQL determine the correct format for datetime values >> Highlighting TextBox on Error using Required Field Validator Comments (16) | Share 1. Create a CSS Class that allows you to highlight invalid inputs and display messages in a pretty way input.error  {  background: #fed; border: 1px solid red; } 2. Create validators.js. Here are the contents from that file: ValidatorCommonOnSubmit = function() {                        ClearValidatorCallouts();     var result = SetValidatorCallouts();                                                                                               return result; } ValidatorValidate = function(val, validationGroup, event) {     val.isvalid = true;     if ((typeof(val.enabled) == 'undefined' || val.enabled != false) && IsValidationGroupMatch(val, validationGroup))     {         if (typeof(val.evaluationfunction) == 'function')         {             val.isvalid = val.evaluationfunction(val);             if (!val.isvalid && Page_InvalidControlToBeFocused == null && typeof(val.focusOnError