正则判断input输入框
作者:秋名
撰写时间:2020 年4月26日
介绍:需求:
1、只能输入偶数
2、不能大于8
3、只能输入字母数字
Html
<input type="tel" id="Inp_BianHao" name="SuSeCode" onkeyup='checkInts(this)' class="layui-input">
<input type="tel" id="" name=""onkeyup='checkInt(this)' class="layui-input">
Js
//正则判断input输入框
function checkInt(e) {
var re = new RegExp("^[0-9]*[1-9][0-9]*$");
if (e.value != "" ) {
if (e.value % 2 == 0) {
if (e.value <= 10) {
if (!re.test(e.value)) {
layer.msg("请输入整数", { icon: 0, title: "提示" });
e.value = "";
e.focus();
}
} else {
layer.msg("床位数量不能大于8", { icon: 0, title: "提示" });
e.value = "";
}
}
else {
layer.msg("请输入偶数", { icon: 0, title: "提示" });
e.value = "";
}
}
}
//正则判断字母和数字
function checkInts(e) {
var re = /^[0-9a-zA-Z]+$/
if (e.value != "") {
if (!re.test(e.value)) {
layer.msg("这不是有效的字母和数字!", { icon: 0, title: "提示" });
e.value = "";
e.focus();
}
}
}