javascript - 单个函数中的正则表达式

Question

我已经做了一些正则表达式验证，下面是我所做的，

Javascript：

function fn1() {
var var1=/^(\s*|\d+)$/ 
if (document.myform.inp1.value.search(var1)==-1) {
alert("validation for digits failed")
}
}

function fn2() {
var var2=/^(?:\d+(?:,\d+)*(?:\.\d{2})?|\d+(?:\.\d{3})*(?:,\d{2})?)$/ 
if (document.myform.inp2.value.search(var2)==-1) {
alert("validation for currency failed")
}
}

function fn3() {
var var3=/^(0[1-9]|[12][0-9]|3[01])[- /.](0[1-9]|1[012])[- /.](19|20)\d\d$/ 
if (document.myform.inp3.value.search(var3)==-1) {
alert("validation for date failed")
}
}
</script>

下面是我的HTML，

<form name="myform">
<div id="div1">

<input type="text" name="inp1"  />
<input type="button" onClick="fn1()" value="chk1"/>
</div>

<div id="div2">

<input type="text" name="inp2" />
<input type="button" onClick="fn2()" value="chk2" />
</div>

<div id="div3">

<input type="text" name="inp3" />
<input type="button" onClick="fn3()" value="chk3" />
</div>

</form>

现在我需要将所有这些组合成一个函数，该函数应该接受正则表达式作为参数。所以应该有一个 JavaScript 函数可以接受三个参数 ( <<selector for input field>>, <<regular Expression>>, <<Error message>>)。请帮助如何实现这一目标。

Answer 1

function expression(selector, regex, error) {
    if (selector.value.search(regex)==-1) {
        alert(error);
    }
}

selector必须是类似的东西document.myform.inp1

Answer 2

你可以这样做；

function checkItem(elem, regex, errMsg) {
    if (elem.value.search(regex) == -1) {
        alert(errMsg);
    }
}

例子：

checkItem(document.myform.inp1, /^(\s*|\d+)$/, "validation for digits failed");

Answer 3

首先将您的验证函数放入一个对象中：

var validationFunctions = {
    digits: function (val) {
        ... fn1 here ...
    },
    currency: function (val) {
        ... fn2 here ...
    },
    date: function (val) {
        ... fn3 here ...
    }
};

然后你的通用函数看起来像这样：

var validate = function (elementID, type) {
    var value = document.getElementById(elementID).value;

    return validationFunctions[type](value);
};

你会这样称呼它：

validate('inputBoxID', 'digits');
validate('inputBoxID', 'currency');
validate('inputBoxID', 'date');