在Javascript中将输入值与正则表达式匹配

时间:2018-01-10 12:54:29

标签: javascript regex string compare

我正在尝试使用JS来验证字段输入的正则表达式模式。

我的代码是:

<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>

HTML字段:

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

出于某种原因,如果将正则表达式应用为&#34;模式&#34;属性,但我需要使用Javascript来完成它,并且在指定为JS代码时它不起作用。

我做错了什么?我用不同的正则表达式字符串测试了相同的函数,它运行正常 - 所以问题出在正则表达式本身。

2 个答案:

答案 0 :(得分:3)

你应该逃避&#39; /&#39;字符。

试试这个:

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

或者,您可以从字符串创建RegExp实例:

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

答案 1 :(得分:1)

您需要在x变量中创建一个实际的RegEx,以便.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
    }
}