Allow forward slash in ng-pattern regex.

Question

Should be fairly straight forward. Trying to allow a forward slash in my numeric only ng-pattern for a form field (expiration date).

HTML:

              <input type="text" id="expiration-date" name="expirationDate"
                data-ng-model="register.expirationDate"
                data-ng-pattern="/^[0-9]+$/"
                data-ng-minlength="7"
                maxlength="7"
                placeholder="MM/YYYY"
                data-ui-mask="99/9999"
                data-ng-required="true">

Trying to allow the forward slash in the model, otherwise the model never updates because it only accept numbers. I have very little knowledge with regex.

Explanation for the downvote? Or just mid day trolling? – Christopher Marshall Oct 13 '14 at 19:13 — Christopher Marshall, Oct 13 '14 at 19:13

Avinash Raj · Accepted Answer · 2016-12-28T05:23:59.767

6

Add a forward slash into the character class.

  <input type="text" id="expiration-date" name="expirationDate"
    data-ng-model="register.expirationDate"
    data-ng-pattern="/^[0-9\/]+$/"
    data-ng-minlength="7"
    maxlength="7"
    placeholder="MM/YYYY"
    data-ui-mask="99/9999"
    data-ng-required="true">

edited Dec 28 '16 at 05:23

answered Oct 13 '14 at 19:09

Avinash Raj

172,303
28
230
274

That worked! I'll mark it as correct when the cooldown ends. Thanks! – Christopher Marshall Oct 13 '14 at 19:16
Does it support backward slash? – forgottofly Dec 27 '16 at 10:18
1

@forgottofly no it won't, try `data-ng-pattern="/^[0-9\/\\]+$/"`, if you want so. – Avinash Raj Dec 27 '16 at 10:21
Can you pls explain how it works?I'm confused with \/\\ and +$/ part.. – forgottofly Dec 28 '16 at 02:57
1

`^` used to match start of a line, `[0-9\/\\]+` would match any num from 0 to 9 or `\/` a forward slash or `\\` a backward slash, one or more times (`+`).. starting `/` and ending `/` are regex delimiters. – Avinash Raj Dec 28 '16 at 03:12
Thanks :-) Great help – forgottofly Dec 28 '16 at 03:38
@AvinashRaj http://stackoverflow.com/questions/41395451/ng-pattern-that-allows-decimal-ratios – forgottofly Dec 30 '16 at 11:21

Allow forward slash in ng-pattern regex.

1 Answers1