登录页面需要什么功能(登录页面验证码如何实现)

lxf2023-11-21 19:20:01
开发一个注册的HTML页面,收集用户的注册信息。 包括:姓名(不能空)、年龄(必须17岁以上)、体重(30-150kg)、班级(下拉列表)、登录密码(至少8位数)、确认密码(与登录密码一致)、邮箱(不能空)、电话、。 并为这些表的元素创建相应的验证。如果检测到错误,错误会在输入框后面以红色文字显示。 您应该使用在前面几节中学习的单行文本输入框文本、下拉列表框选择、密码输入框密码和多行文本输入框文本区。 这是一个更实用的用户注册表单。 Register.html:复制代码如下:实验二姓名*: *姓名不能空年龄:*年龄不能小于17岁体重:*体重范围30 ~ 150kg类别:0类1类2类3类密码*: *密码长度小于8确认密码*: *两个Passwd不是同一个邮箱*: *邮箱名称非法!电话:QQ:个人信息:check.css:复制代码如下:TD . check { color:# C00;字体粗细:粗体;} load.js:复制代码如下:函数check(str){ var x = document . getelementbyid(str);var y = document . getelementbyid(str+" Check ");//alert("检查!");if(str = = " name "){ if(x . value = = " ")y . hidden = false;else y.hidden = true} else if(str = = " age "){ if(isNaN(x . value)| | x . value < 17)y . hidden = false;else y.hidden = true} else if(str = = " weight "){ x = x . value;if(isNaN(x)| | x < 30 | | x > 150)y . hidden = false;else y.hidden = true} else if(str = = " password "){ x = x . value . length;if(x < 8){ y . hidden = false;//alert("检查!");} else y.hidden = true} else if(str = = " cpassword "){ var z = document . getelementbyid(" password ")。价值;x = x.value如果(x!= z)y . hidden = false;else y.hidden = true} else if(str = = " email "){ x = x . value . index of(" @ ")if(x = =-1)y . hidden = false;else y.hidden = true} return y.hidden} function validate() { var arr=["姓名","年龄","体重","密码"," cpassword "," email "];var I = 0;submitOK = true而(我{如果(!check(arr[I]){ alert(arr[I]+“错!”);submitOK = false打破;} i++;} if(submitOK) {alert("提交成功!");返回true} else {alert("提交失败");返回false} }函数load _ greeting(){//alert(" visit \ n ");} adminjs.cn是一个以CSS、JavaScript、Vue、HTML为核心的前端开发技术网站。 我们致力于为广大前端开发者提供专业、全面、实用的前端开发知识和技术支持。 在这个网站中,您可以学习最新的前端开发技术,了解前端开发的最新趋势和最佳实践。 我们提供丰富的教程和案例,让您快速掌握前端开发的核心技术和流程。 Adminjs.cn还提供了一系列实用的工具和插件,帮助你更高效的进行前端开发。 我们提供的工具和插件都是经过精心设计和优化的,可以帮助您节省时间和精力,提高开发效率。 在Adminjs.cn,你可以找到让你成为更优秀的前端开发者所需的所有前端开发资源。 欢迎加入我们的大家庭,一起探索前端开发的无限可能!