Jquery validator change `this` ES6 code

Question

I have es6 class with constructor and validation method.

class Popups {
  constructor(selector) {
    this.app = selector;
  }

  validate() {
    $.validator.addMethod('atLeastOneLowercaseLetter', (value, element) => {
        return this.optional(element) || /[a-z]+/.test(value);
        // how to replace `this` ??
      },
      'Must have at least one lowercase letter'
    );
  }
}

My this refers to my Class, but I need get $.validator with my validate form. How i can replace this?

If i write $.validator.optional(element) || /[a-z]+/.test(value) I get error $.validator.optional is not a function

I'm assuming you know how the arrow functions work, so, you can use the object `$.validator` directly inside that handler. — Ele, May 17 '18 at 12:52
@Ele `$.validator` don't have my form, i don't know how i can send myform into `$.validator` — Роман Татаринов, May 17 '18 at 12:55
@РоманТатаринов You can't use `=>`. Why do you think you "need" it, why don't you just use a working `function`? — Bergi, May 17 '18 at 13:22

Kristianmitk · Answer 1 · 2018-05-17T13:04:26.093

1

In that case don't use an arrow function as it does not have it's own this. Use a normal function expression as the callback instead.

edited May 17 '18 at 13:04

answered May 17 '18 at 12:50

Kristianmitk

4,528
5
26
46

Sorry, I don't use normal `function` – Роман Татаринов May 17 '18 at 12:51
1

This answer doesn't deserve a downvote because is an alternative. – Ele May 17 '18 at 12:53
@РоманТатаринов what's the reason for not using a function expression? – Kristianmitk May 17 '18 at 12:54
@Kristianmitk project have es-linting, when is prohibited to use normal `function` – Роман Татаринов May 17 '18 at 12:57

Jquery validator change `this` ES6 code

1 Answers1