首页写一个可以检验两次密码是否相同的注册界面

写一个可以检验两次密码是否相同的注册界面

时间: 2024-03-18 14:38:54 浏览: 69

好的，以下是一个简单的注册界面示例，可以检验两次密码是否相同： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册页面</title> </head> <body> <h1>注册页面</h1> <form action="register.php" method="post" onsubmit="return validatePassword()"> <label for="username">用户名：</label> <input type="text" id="username" name="username" required><br> <label for="password">密码：</label> <input type="password" id="password" name="password" required><br> <label for="confirm-password">确认密码：</label> <input type="password" id="confirm-password" name="confirm-password" required><br> <input type="submit" value="注册"> </form> <script> function validatePassword() { var password = document.getElementById("password").value; var confirmPassword = document.getElementById("confirm-password").value; if (password != confirmPassword) { alert("两次输入的密码不一致！"); return false; } return true; } </script> </body> </html> ``` 在上面的代码中，我们使用了 HTML 的表单元素来创建一个注册页面。其中，`<label>` 标签用于标识输入框的作用，`<input>` 标签用于创建文本框和密码框，`required` 属性用于设置该输入框为必填项。在表单的提交按钮上，我们添加了 `onsubmit` 属性，并调用了 `validatePassword()` 函数来验证两次输入的密码是否相同。如果两次密码不相同，函数会返回 `false`，并弹出提示框；否则，函数会返回 `true`，并允许表单提交到 `register.php` 页面。

阅读全文