jQuery selector NOT as string

Question

I'm writing a method that generate the string selector to use to bind an input event on an element.

I'm facing to a little problem, for now my code works but not perfectly. If not_validated = true then it doesn't matter the value of valid/invalid because my select will select them anyway. I'm looking for a way to exclude the elements that have some classes. See the TODO in the source code. Probably something with ^ or ! but I only know the ways that use methods such as $.hasClass and so on.

FormValidator.prototype.defaultOptions = {
  // Performs live validation, on value change.
  live: {
    not_validated: true,
    valid: true,
    invalid: true
  }
};

// Stuff ...

FormValidator.prototype._generateSelectorOnInput = function() {
  var selector = '';

  if(this.options.live && this.options.live.not_validated){
    selector += '[data-validate]'// TODO: Need to exclude the selector that have INPUT_SUCCESS_CLASS or INPUT_ERROR_CLASS !
  }

  if(this.options.live && this.options.live.valid){
    selector += (selector.length ? ', ' : '') + '[data-validate].' + INPUT_SUCCESS_CLASS
  }

  if(this.options.live && this.options.live.invalid){
    selector += (selector.length ? ', ' : '') + '[data-validate].' + INPUT_ERROR_CLASS
  }

  return selector;
};

The ':not()' selector or .not() method may be of interest to you. — ajp15243
– ajp15243, Commented Apr 4, 2014 at 13:54
See .not(). Usage in your case will be $('[data-validate]').not('.INPUT_SUCCESS_CLASS, .INPUT_ERROR_CLASS') api.jquery.com/not — blgt
– blgt, Commented Apr 4, 2014 at 13:56

Vadorequest · Accepted Answer · 2014-04-04 14:07:51Z

1

Simply use :not()

selector += '[data-validate]:not(.' + INPUT_SUCCESS_CLASS + ', .' + INPUT_ERROR_CLASS + ')';

edited Apr 4, 2014 at 14:07

Vadorequest

18.2k27 gold badges131 silver badges232 bronze badges

answered Apr 4, 2014 at 13:55

Karl-André Gagnon

33.9k5 gold badges53 silver badges77 bronze badges

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

Collectives™ on Stack Overflow

jQuery selector NOT as string

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related