手机验证,银行卡号(16~19)位正则验证
let regexTest = {
// 手机验证
tel: function (val) {
var myreg = /^[1][3,4,5,7,8][0-9]{9}$/
if (!myreg.test(val)) {
return false
} else {
return true
}
},
// 银行卡号(16~19)位正则验证
bank: function (val) {
var reg = /^([1-9]{1})(\d{15}|\d{18})$/;
if (!reg.test(val)) {
return false
} else {
return true
}
}
}
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.input-wrap{
background-color: #eee;padding: 40px;display: flex;height: 40px;margin-bottom: 20px;
}
.input-wrap input{
border:0;background:#fff;height: 100%;width: 320px;text-indent:15px;box-sizing: border-box;
}
.input-wrap button{
height: 100%;width: 80px;background:#a1a1a1;color: #fff;justify-content: center;align-items: center;display: flex;cursor: pointer;border: 0;
}
</style>
</head>
<body>
<div class="input-wrap">
<input type="text" placeholder="请输入手机号码" class="telInput">
<button class="telBtn">点击</button>
</div>
<div class="input-wrap">
<input type="text" placeholder="请输入银行卡" class="bankcardInput">
<button class="bankcardBtn">点击</button>
</div>
<script>
const regexTest = {
// 手机验证
tel: function (val) {
var myreg = /^[1][3,4,5,7,8][0-9]{9}$/
if (!myreg.test(val)) {
return false
} else {
return true
}
},
// 银行卡号(16~19)位正则验证
bank: function (val) {
var reg = /^([1-9]{1})(\d{15}|\d{18})$/;
if (!reg.test(val)) {
return false
} else {
return true
}
}
}
let telBtn = document.querySelector('.telBtn');
telBtn.addEventListener('click', function(){
let val = document.querySelector('.telInput').value
regexTest.tel(val)
console.log(regexTest.tel(val))
})
let bankcardBtn = document.querySelector('.bankcardBtn');
bankcardBtn.addEventListener('click', function(){
let val = document.querySelector('.bankcardInput').value
regexTest.tel(val)
console.log(regexTest.bank(val))
})
</script>
</body>
</html>