Validation event for asp net client side validation

Question

I wonder if there's a way to hookup a custom function to asp net client-side validation event, so every time validation is fired by any control I can make some magic on client-side UI

I'm looking for a general approach to intercept page onvalidating event without setting it on every control that causes a postback

Thank you guys

Edit:

I ended up with this function: (thanks to @Kirk)

$(document).ready(function () {
    $('form').submit(function () {
        if (typeof Page_Validators != 'undefined') {
            var errors = '';
            $.each(Page_Validators, function () {
                if (!this.isvalid) {
                    errors += this.errormessage + '\r\n';
                }
            });
            if (errors.length > 0) {
                Alert(errors);
            }
        }
    });    
});

Have you tried in Ajax Update panel?

Developer
– Developer

2011-09-12 14:44:01 +00:00
Commented Sep 12, 2011 at 14:44 — Developer
– Developer, Commented Sep 12, 2011 at 14:44

Kirk · Accepted Answer · 2011-09-12 14:40:11Z

2

To do something along the lines of this you can place an OnClientClick event on the submit button or just the general form submission event.

Then you can use the Client Validation Object Model with the validator controls. This actually allows you to verify each of the validation controls you've setup. There are a couple of values you can check against from the client relating to the page, see http://msdn.microsoft.com/en-us/library/yb52a4x0.aspx#ClientSideValidation_ClientValidationObjectModel.

You reference each control with isvalid property. For example

<asp:Label id="lblZip" runat="server" Text="Zip Code:" />
<asp:TextBox id="txtZip" runat="server" /></asp:TextBox>
<asp:RegularExpressionValidator id="valZip" runat="server"
   ControlToValidate="txtZip"
   ErrorMessage="Invalid Zip Code" 
   ValidationExpression="[0-9]{5}" />

<script language=javascript>
// Call this function to do something
function txtZipOnChange() {
   // Do nothing if client validation is not active
   if (typeof(Page_Validators) == "undefined")  return;
       // Change the color of the label
       lblZip.style.color = valZip.isvalid ? "Black" : "Red";
}
</script>

You can also get an array of the validators on the page with the client function Page_Validators. There are a few more functions you can use.

Also you may use the ValidatorValidate(val) client function to force a check of each one indivually as well as ValidatorEnable(val, enable) to enable or disable validators as your logic demands.

Take a look at http://msdn.microsoft.com/en-us/library/aa479045.aspx#aspplusvalid_clientside for a bit more detail.

Hopefully this gets you where you need to go. If not, feel free to ask.

Previous Comment You can use an onClientClick and attach a JavaScript function. http://msdn.microsoft.com/en-us/library/7ytf5t7k.aspx

If you want to use jQuery, you can use ClientIDMode you are able easier to figure out control IDs.

Take a look at http://weblogs.asp.net/scottgu/archive/2010/03/30/cleaner-html-markup-with-asp-net-4-web-forms-client-ids-vs-2010-and-net-4-0-series.aspx.

edited Sep 12, 2011 at 14:40

answered Sep 12, 2011 at 4:15

Kirk

16.3k20 gold badges85 silver badges117 bronze badges

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

4 Comments

Juan Jimenez Over a year ago

That's an aproach I could use but I'd need to set t on every control causing postback, I forgot to request for a general approach, please take a look at my question edits and thank you

Kirk Over a year ago

I've updated the answer. Let me know if you need any additional clarification on how to do this.

Juan Jimenez Over a year ago

Thank you man, I think form submit event is what I need, I'll give it a try and let you know

Kirk Over a year ago

Happy to help. If you can mark this as the answer I'd appreciate it. I'm new here and need all the reputation I can get to try to post and vote on things at this place.

j0k · Accepted Answer · 2012-09-18 14:35:29Z

1

//Page_Validators is an array of validation controls in the page. 
if (Page_Validators != undefined && Page_Validators != null) 
{ 
    //Looping through the whole validation collection. 
    for(var i=0; i<Page_Validators.length; i++) 
    { 
        ValidatorEnable(Page_Validators[i]); 
        //if condition to check whether the validation was successfull or not. 
        if (!Page_Validators[i].isvalid) 
        { 
            break; 
        } 
    } 
}

//if condition to check whether the page was validated successfully. 
if(Page_IsValid) 
{ 
    alert('Success'); 
} 
else 
{ 
    alert('Failure'); 
}

Note the very last code example at the bottom of this page.

edited Sep 18, 2012 at 14:35

j0k

22.8k28 gold badges81 silver badges90 bronze badges

answered Sep 18, 2012 at 14:22

david holley

111 bronze badge

1 Comment

j0k Over a year ago

Instead of posting a link a website, please try to include at least summary of information you are linking to.

Collectives™ on Stack Overflow

Validation event for asp net client side validation

2 Answers 2

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related