首页创建一个基础表单，要求包括姓名、学号、密码、密码确认、确认提交基础控件，完成密码确认的基础校验，密码输入不一致情况下弹出报错显示*：请重新输入密码

创建一个基础表单，要求包括姓名、学号、密码、密码确认、确认提交基础控件，完成密码确认的基础校验，密码输入不一致情况下弹出报错显示*：请重新输入密码

时间: 2024-03-20 20:45:02 浏览: 52

好的，以下是基于HTML和JavaScript的实现代码： ```html <!DOCTYPE html> <html> <head> <title>基础表单</title> <script> function validatePassword() { var password = document.getElementById("password").value; var confirmPassword = document.getElementById("confirmPassword").value; if (password != confirmPassword) { alert("请重新输入密码"); return false; } return true; } </script> </head> <body> <form onsubmit="return validatePassword();"> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br><br> <label for="studentId">学号:</label> <input type="text" id="studentId" name="studentId"><br><br> <label for="password">密码:</label> <input type="password" id="password" name="password"><br><br> <label for="confirmPassword">密码确认:</label> <input type="password" id="confirmPassword" name="confirmPassword"><br><br> <input type="submit" value="确认提交"> </form> </body> </html> ``` 这个表单包括了姓名、学号、密码、密码确认和确认提交按钮。在表单提交时会调用`validatePassword()`函数，该函数会获取密码和密码确认的输入值进行比较，如果不一致则弹出报错提示并返回`false`，否则返回`true`。

阅读全文