我做了一些正则表达式验证,下面是我做的,
使用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>>
)。请帮助如何实现这一目标。
答案 0 :(得分:1)
function expression(selector, regex, error) {
if (selector.value.search(regex)==-1) {
alert(error);
}
}
selector
必须与document.myform.inp1
答案 1 :(得分:0)
你可以这样做;
function checkItem(elem, regex, errMsg) {
if (elem.value.search(regex) == -1) {
alert(errMsg);
}
}
示例:
checkItem(document.myform.inp1, /^(\s*|\d+)$/, "validation for digits failed");
答案 2 :(得分:0)
首先将验证函数放入对象中:
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');