Yup schema validation: Exclude a certain pattern in the method '.matches()'

Question

I want to make sure users don't fill in their username (pattern is a upercase or lowercase u, followed by 7-10 digits: U0000000)

In the following example, the regex itself does work. However in conjunction with the .matches() method it does not validate the field.

const schema = Yup.object()
  .shape({
    myField: Yup.string()
      .matches(/.*\d/, 'Should contain a digit') // <- this works
      .matches(/(?!.*[uU]\d{7,10})/, 'Should not contain a user ID') // <- this does not
  });

@WiktorStribiżew It's more a Yup schema question. The regex pattern works fine outside of the schema. — Remi, Dec 10 '19 at 13:57
Doesn't `/^(?!.*[uU]\d{7,10})/` or `/^(?!.*[uU]\d{7,10}).*/` work? — Wiktor Stribiżew, Dec 10 '19 at 14:00
Yes and no. Yes, that would filter out the user id. No: It doesn't work in conjunction with the .matches() method. But I've found the answer after some time. I can add it if you'd reopen this question again. — Remi, Dec 11 '19 at 07:32
I've also editted the question to make it more clear since it seems that it wasn't clear. — Remi, Dec 11 '19 at 07:34

Remi · Accepted Answer · 2021-08-13T11:58:55.667

18

Turns out that matches will only validate an invalid error if the Regex you provide returns positive.

If you want to validate on a negative 'match' (a.k.a. not operator regex match), you can use the .test() method.

In the documentation it's not mentioned under string, but under mixed (source):

mixed.test(name: string, message: string | function, test: function): Schema

So in my example I ended up with:

const containsDeviceId = (string) => /d\d{7,10}/.test(string);
const schema = Yup.object()
  .shape({
    myField: Yup.string()
      .matches(/.*\d/, 'Should contain a digit')
      .test(
        'Should not contain a user ID',
        'Should not contain a user ID',
        (value) => !containsDeviceId(value)
      ),

Hope this helps someone.

edited Aug 13 '21 at 11:58

answered Dec 11 '19 at 09:17

Remi

4,663
11
49
84

`/(?=.*[dD]\d{7,10})/` can be simplified to `/d\d{7,10}/i` – Wiktor Stribiżew Dec 12 '19 at 09:53
3

It took me ages to find this answer which solved my problem. I have been Googling "reverse regex match" and "not operator regex match" for hours! – alexr89 Aug 12 '21 at 14:52

Andrew Migliore · Answer 2 · 2022-07-05T14:33:27.110

Adding to the "negate regex match" discussion here to show another example.

Yes, you can use Yup.matches() if your regex is formed using the negative lookup feature for regular expressions. For example, if I do not want to select an option from a radio group that has the word "prefer" in it:

const testYum = () => {
  // Regex pattern matches if pattern is not in the value.
  // The 'im' option at end of regex is to (i)gnore case and
  // search over (m)ultiple lines in the value. Starts at beginning
  // of line.
  const notDeviceIdPattern = /^(?!.*[uU]\d{7,10}).*/im;

  const yupToTest = Yup.object().shape({
    password: Yup.string()
      .required("This is needed")
      .matches(/.*\d/, "Should contain a digit")
      .matches(notDeviceIdPattern, "Do not embed device id")
  });

  // Change this to pattern to test.
  const testPassword = { password: "sddsfasf" };

  yupToTest
    .validate(testPassword)
    .then(function (value) {
      alert("Valid password: " + JSON.stringify(value, null, 2));
    })
    .catch(function (err) {
      alert("Invalid password: " + JSON.stringify(err.errors, null, 2));
    });
};

I hope this helps someone. One of the better discussion on this topic can be found here: https://regexland.com/regex-match-all-except

Yup schema validation: Exclude a certain pattern in the method '.matches()'

2 Answers2

Linked