HTML 输入框验证：使用 JavaScript 提醒用户输入内容

"HTML 输入框验证：使用 JavaScript 提醒用户输入内容"\n\n本文介绍了如何使用 JavaScript 验证 HTML 输入框是否输入了内容，并通过提示信息提醒用户。文章提供了一个简单的示例代码，并详细解释了代码的实现逻辑。\n\n\nHTML 代码：\nhtml\n<input type="text" id="myInput">\n<button onclick="validateInput()">验证</button>\n<p id="message"></p>\n\n\nJavaScript 代码：\njavascript\nfunction validateInput() {\n // 获取输入框的值\n var inputVal = document.getElementById('myInput').value;\n\n // 检查输入框是否为空\n if (inputVal === '') {\n document.getElementById('message').innerHTML = '请输入内容';\n } else {\n document.getElementById('message').innerHTML = '输入正确';\n }\n}\n\n\n在上面的示例中，validateInput() 函数用于验证输入框的内容。首先，我们使用 document.getElementById('myInput').value 获取输入框的值，并将其存储在 inputVal 变量中。然后，我们检查 inputVal 是否为空字符串，如果是，则在 message 元素中显示提示消息 "请输入内容"；如果不是空字符串，则显示 "输入正确"。\n\n可以将上述代码复制到一个 HTML 文件中并运行，然后尝试在输入框中输入或不输入内容，并点击 "验证" 按钮进行验证。\n\n\n\n