Matching an input value with a regex in Javascript

Question

I am trying to validate a regex pattern against the input of a field with JS.

My code is:

<script>

function expiry_check(){
var y;
y = document.getElementById("expiry_date").value;
var x;
x = /(0[1-9]|10|11|12)/(18|19|20|21|22|23|24|25|26)/;
if (y !== "") {
  if (x.test(y))  {


  }

  else {

    document.getElementById('expiry_date').value = '';
    document.getElementById('expiry_date').style = 'border-color:red';

  }

 }

}

</script>

And the HTML field:

<input type="text" name="expiry_date" id="expiry_date" value="" onkeypress='return event.charCode >= 48 && event.charCode <= 57' onblur="expiry_check()">

For some reason, the regex works if applied as a "pattern" attribute, but I need to do it with Javascript, and it doesn't work when specified as JS code.

What am I doing wrong? I've tested the same function with a different regex string, and it works fine - so the issue is with the regex itself.

nrg · Accepted Answer · 2018-01-10 13:04:46Z

4

You should escape the '/' character.

Try this:

x = /(0[1-9]|10|11|12)\/(18|19|20|21|22|23|24|25|26)/;

Alternatively, you can create the RegExp instance from a string:

x = new RegExp('(0[1-9]|10|11|12)/(18|19|20|21|22|23|24|25|26)');

edited Jan 10, 2018 at 13:04

answered Jan 10, 2018 at 12:57

nrg

5183 silver badges7 bronze badges

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

1 Comment

James Over a year ago

You were right - didn't know I had to escape it :) Works like a charm now! Thank you!

Marventus · Accepted Answer · 2018-01-10 13:02:02Z

1

You need to create an actual RegEx out of your x variable so it can be recognized as such by .test(): var x = /(0[1-9]|10|11|12)/(18|19|20|21|22|23|24|25|26)/;

var testX = new RegExp(x);
if (y !== "") {
    if (testX.test(y)){
        // Match
    } else {
        // No match
    }
}

answered Jan 10, 2018 at 13:02

Marventus

8491 gold badge7 silver badges14 bronze badges

Collectives™ on Stack Overflow

Matching an input value with a regex in Javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related