ansaurus

Question

Is there a cross-browser way to use a jQuery selector on an expando property?

Answer 1

A:

Are you looking for the span that shows the validation message if invalid?

If so try this: (using jQuery)

ml_test = function() {
    alert($('RequiredFieldValidator1').length);
};

If you want to also be able to see what control it's validating do something like this:

ml_test = function() {

    // getting the control with jQuery by its ID.  .Net already has it
    // defined in the script block that is generated by the 
    // RequiredFieldValidator control
    var validateCtrl = $(RequiredFieldValidator1.id);  

    // get the value from the .Net-defined validator variable
    var controlToValidate = RequiredFieldValidator1.controltovalidate;

    // alert the values:
    alert('RequiredValidatorControl count: ' + validator.length + 
          '\nControl To Validate: ' + controlToValidate);

};

Silkster 2010-09-02 14:26:48

No, I am building a control. I am trying to retrieve all of the validation controls that validate TextBox1 in a simple jQuery selector. I won't know the names of the controls in advance, so this example won't work for my purpose. Note: I already know I can use the Page_Validators variable to do this, but I was hoping to accomplish my task without looping through all of the validation controls on the page - namely, by using a jQuery selector.

NightOwl888 2010-09-02 14:48:57

I don't know a way around using .Net generated values for this.

Silkster 2010-09-02 14:52:41

Answer 2

A:

You can use .filter() like this:

ml_test = function() {
    alert($('span').filter(function() { return this.controltovalidate=='TextBox1'; }).length);
};

You can test it here, or make it a custom selector, like this:

jQuery.expr[':'].validatorFor = function(o, i, m){
  return o.controltovalidate === m[3];
};

And call it like this:

ml_test = function() {
    alert($('span:validatorFor(TextBox1)').length);
};

You can that that version here.

Nick Craver 2010-09-02 15:29:43

Thanks, this is more along the lines of what I was looking for. However, since ASP.NET allows developers to build their own validation controls, there is no guarantee that they will always render as a span. Is there a more generic way to do this without specifying the type of element?

NightOwl888 2010-09-02 18:44:58

@NightOwl888 - Yes, you can take the `span` off there, but it'll check *every* element, any way you could slim it down would be helpful and make it more efficient.

Nick Craver 2010-09-02 18:50:25

So in other words, the global JavaScript array variable ASP.NET generates will most likely be more efficient, considering there may be several dozen elements on the form and there will only be up to a dozen or so elements in the array. I will probably go that way, but thanks for letting me know about the custom selector functionality in jQuery.

NightOwl888 2010-09-02 19:39:57

ansaurus

tags:

views:

answers:

Is there a cross-browser way to use a jQuery selector on an expando property?

related questions