点击input文本框提示错误信息代码
时间: 2023-11-13 21:08:11 浏览: 251
以下是一个简单的示例代码,当用户在输入框中输入不符合要求的内容时,会弹出一个错误提示框:
HTML代码:
```
<input type="text" id="myInput">
<button onclick="validateInput()">Submit</button>
```
JavaScript代码:
```
function validateInput() {
var input = document.getElementById("myInput").value;
if (input === "") {
alert("Input cannot be empty!");
return false;
}
else if (input.length < 3) {
alert("Input must be at least 3 characters long!");
return false;
}
else {
// do something with valid input
}
}
```
当用户点击按钮时,会触发 `validateInput()` 函数。该函数首先获取输入框中的值,然后检查它是否为空或长度是否小于3个字符。如果输入不符合要求,则会弹出一个带有错误信息的提示框,并返回 `false`,表示输入无效。如果输入有效,则可以执行其他操作。
阅读全文