首页创建一个基础表单，要求包含姓名，学号，密码，密码确认，确认提交基础控件，完成密码确认，密码输入不一致情况下弹出报错提示

创建一个基础表单，要求包含姓名，学号，密码，密码确认，确认提交基础控件，完成密码确认，密码输入不一致情况下弹出报错提示

时间: 2024-03-20 22:45:06 浏览: 89

好的，我可以帮您创建一个基础表单，以下是 HTML 和 JavaScript 代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>基础表单</title> <script> function validateForm() { var name = document.forms["myForm"]["name"].value; var id = document.forms["myForm"]["id"].value; var password = document.forms["myForm"]["password"].value; var confirmPassword = document.forms["myForm"]["confirmPassword"].value; if (name == "" || id == "" || password == "" || confirmPassword == "") { alert("所有字段都必须填写"); return false; } if (password != confirmPassword) { alert("两次输入的密码不一致"); return false; } } </script> </head> <body> <form name="myForm" onsubmit="return validateForm()" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br><br> <label for="id">学号:</label> <input type="text" id="id" name="id"><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> ``` 这个表单包含了四个字段：姓名、学号、密码和确认密码，以及一个提交按钮。JavaScript 函数 `validateForm()` 用于在提交表单前验证输入的值是否符合要求。如果有任何字段为空，或者密码和确认密码不匹配，它会弹出一个警告框并返回 `false`，阻止表单提交。

阅读全文