js手机号登录失焦验证
时间: 2023-09-09 22:12:44 浏览: 82
你可以使用正则表达式来验证手机号码格式是否正确,然后在失焦事件中触发验证。以下是一个简单的例子:
```javascript
// 获取手机号码输入框元素
const phoneInput = document.getElementById('phone-input');
// 在失焦事件中触发验证
phoneInput.addEventListener('blur', () => {
const phoneValue = phoneInput.value.trim();
const phoneRegex = /^1[3456789]\d{9}$/; // 手机号码正则表达式
if (!phoneRegex.test(phoneValue)) {
alert('请输入正确的手机号码!');
phoneInput.focus();
}
});
```
在上面的例子中,我们首先获取到手机号码输入框的元素,然后在失焦事件中获取输入框的值,并使用正则表达式验证手机号码格式是否正确。如果格式不正确,弹出提示框并将焦点聚焦在输入框上,以便用户重新输入。
阅读全文