限制input输入框只能输入一组正确的ip地址
时间: 2023-06-29 08:09:07 浏览: 85
可以使用正则表达式来限制输入框只能输入正确的 IP 地址。
以下是一个示例代码,可以检查用户输入的字符串是否为正确的 IP 地址格式:
```javascript
function isValidIpAddress(ipAddress) {
const ipRegex = /^([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])$/;
return ipAddress.match(ipRegex);
}
```
使用方法:
```javascript
const input = document.querySelector("#input");
input.addEventListener("input", function(event) {
const inputValue = event.target.value.trim();
const isValid = isValidIpAddress(inputValue);
if (!isValid) {
event.target.classList.add("invalid");
} else {
event.target.classList.remove("invalid");
}
});
```
上面的代码会监听输入框的 `input` 事件,当用户输入内容时会调用 `isValidIpAddress` 函数进行验证,如果输入内容不是正确的 IP 地址格式,则会给输入框添加 `invalid` 类,以便进行样式上的标记。
阅读全文