<div class="basic-p">
<span>手机号</span>
<input type="number" id="myInput" placeholder="请输入您的手机号" maxlength="11" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))">
<button type="button" class="feachBtn">获取验证码</button>
</div>
// 点击获取验证码操作
$('.feachBtn').click(function () {
var phoneNumber = $("#myInput").val().trim();
if (phoneNumber == '') {
alert('手机号不能为空');
return false;
} else {
let count = 60;
const countDown = setInterval(() => {
if (count === 0) {
$('.feachBtn').text('重新发送').removeAttr('disabled');
$('.feachBtn').css({
background: '#3CB371',
color: '#fff',
});
clearInterval(countDown);
} else {
$('.feachBtn').attr('disabled', true);
$('.feachBtn').css({
background: '#d8d8d8',
color: '#707070',
});
$('.feachBtn').text('重新获取' + count);
}
count--;
}, 1000);
}
});