Get a Event from asp.net's validators to jquery on status change

Question

i would like to have an event fired in jquery, if the validators of my page change their states.

This is my usecase:

In an Adressform the Validators all are hidden.
If i submit the form, the get displayed.
Now i want to fire a jQuery function, which renders all rows (not the inputfields, but their parents) with a red border (means add a css class)
if i now change the field and the validator hides i also want to hide the border around the input's parent

i don't want to have a timer checking every 100ms the displayed validators (which would work perfectly), but i want to listen only to the show/hide events of the validators

any ideas, how i can add a listener to the change events of a validator?

regards Christoph

rick schott · Accepted Answer · 2010-07-22 17:41:57Z

1

Here is how you can call .NET validators from JavaScript:
Manually calling ASP.NET Validation with JavaScript

You could integrate the above with jQuery events or jQuery Validation.

NOTE: This solution is if you are tied to .NET Validators, otherwise just use jQuery Validation as Dave mentioned.

edited Jul 22, 2010 at 17:41

answered Jul 15, 2010 at 16:57

rick schott

21.1k5 gold badges54 silver badges81 bronze badges

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

1 Comment

Christoph Over a year ago

as i wanted to keep the asp.net validation working i used the method from your Link (add a functzion to the buttons click event, call the Page_ClientValidate ans check the validators on the page) Thank you for the hint.

Dave Swersky · Accepted Answer · 2010-07-15 16:46:15Z

0

Have you looked into the standard jQuery validator plugin? I'm pretty sure its validators have events you can hook into in just the way you describe.

answered Jul 15, 2010 at 16:46

Dave Swersky

34.8k9 gold badges83 silver badges120 bronze badges

1 Comment

Christoph Over a year ago

I wanted a event from the asp.net validators to jquery, not the other direction.

Thomas D · Accepted Answer · 2013-03-27 21:22:33Z

Sorry for answering this old question, but I made a blog post about modifying the default javacscript evaluation function of the ASP.NET validators. Basically it comes down to this:

for (var i = 0; i < window.Page_Validators.length; i++) {
    // Create a new property and assign the original evaluation function to it
    window.Page_Validators[i].baseEvaluationFunction = window.Page_Validators[i].evaluationfunction;

    // Set our own validation function
    window.Page_Validators[i].evaluationfunction = evaluateField;
}

Next, in the 'evaluateField' function, write the code to set the css.

function evaluateField (validator) {
    // Run the original validation function
    var isvalid = validator.baseEvaluationFunction(validator);

    // Handle the result
    if (isvalid) {
        clearError(validator);
    } else {
        setError(validator);
    }

    // Return result
    return isvalid;
}

In the setError and clearError functions you can use jquery to find the parent row and apply css to it. Hope this helps!

Collectives™ on Stack Overflow

Get a Event from asp.net's validators to jquery on status change

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related