首页密码和确认密码必须一致，进行校验的html代码，不一致显示红色提示一致绿色提示显示通过

密码和确认密码必须一致，进行校验的html代码，不一致显示红色提示一致绿色提示显示通过

时间: 2024-03-27 14:35:34 浏览: 134

以下是一个简单的 HTML 代码示例，可以实现密码和确认密码必须一致的校验，并根据校验结果显示不同颜色的提示信息： ```html <!DOCTYPE html> <html> <head> <title>Password Confirmation</title> <script> function checkPassword() { var password = document.getElementById("password"); var confirm = document.getElementById("confirm"); var message = document.getElementById("message"); if (password.value == confirm.value) { message.innerHTML = "Passwords match!"; message.style.color = "green"; } else { message.innerHTML = "Passwords do not match!"; message.style.color = "red"; } } </script> </head> <body> <label for="password">Password:</label> <input type="password" id="password" name="password" onchange="checkPassword()" required><br><br> <label for="confirm">Confirm Password:</label> <input type="password" id="confirm" name="confirm" onchange="checkPassword()" required><br><br> <div id="message"></div> </body> </html> ``` 上述代码中，我们使用了 JavaScript 来实现密码和确认密码的校验。当用户输入不同的密码时，提示信息会变为红色，并提示 "Passwords do not match!"；当用户输入相同的密码时，提示信息会变为绿色，并提示 "Passwords match!"。同时，我们还利用 `onchange` 事件来监听密码输入框的变化，并在输入框内容发生变化时自动进行校验。

阅读全文