谁能帮我做个 html的注册页面?_随笔

我们以前老师叫做的考试题我做的给你了呵呵好好看把下面的代码放到记事本里后缀名字一改就能用 <HTML><HEAD><TITLE>用户注册页面</TITLE><META http-equiv=Content-Type content="text/htmlcharset=gb2312"><script language=javascript>var a = 0 var Message = "用户注册（注：带*号的必须填写） " var length=Message.length function move() { document.form2.button1.value = Message.substring(a,length) + Message.substring(0,a) a++ if (a >=length) {a= 0} setTimeout("move()",1000) } function Check() { s=falsevar message="你的注册信息为："//判断是否输入用户名 if(document.form1.yhm.value=="") { alert("请输入用户名！")document.form1.yhm.focus()return false} else { message+="<br>"+"用户名："+document.form1.yhm.value+"<br>"} //判断是否输入密码 if(document.form1.pass1.value == "") { alert("请输入密码！")document.form1.pass1.focus()return false} //判断是否输入确认密码 if(document.form1.pass2.value == "") { alert("请输入确认密码！")document.form1.pass2.focus()return false} //判断是否输入密码和确认密码是否相同 if((document.form1.pass1.value)!= document.form1.pass2.value) { alert("两次输入的密码不一样，请重新输入！")document.form1.pass1.focus()return false} //判断输入的email格式是否相同 var email=document.form1.email.valueif (email!= "") { if((email.indexOf ('@') == -1) || (email.indexOf ('.') == -1)|| (email.indexOf ('.') == 0)|| (email.indexOf ('@') == 0)|| (email.indexOf ('@') >email.indexOf ('.') )) { alert("您输入的E-mail地址不正确，请重新输入，谢谢！")return false} message+="email："+document.form1.email.value+"<br>" } //获取来自哪个省份 var myindex=form1.area.selectedIndexif(form1.area.options[myindex].value!="") { message+="来自:"+form1.area.options[myindex].value+"<br>"} //返回性别 var j=0for (j=0j<document.form1.sex.lengthj++) { if(document.form1.sex[j].checked==true) //判断该单选按钮是否被选中 { message+="性别:"+document.form1.sex[j].value+"<br>"} } //获取地址信息 if(document.form1.address.value!="") { message+="email:"+document.form1.email.value+"<br>"+"地址:"+document.form1.address.value+"<br>"} //判断输入的电话号码是否为数字 var phone=document.form1.phone.value//提取文本框中的值 if (phone!="") //如果文本框为空则d出提示框 { var len=phone.length//表示字符串的长度 for(var i=0i<leni++) //循环提取字符串中每个字符 { var digit=phone.charAt(i)if(digit<"0"||digit>"9") //如果字符不是数字，则d出提示框 { alert ("输入类型必须为数字！") return false} } message+="phone："+document.form1.phone.value+"<br>" } document.write(message)} var pos=0var col=new Array()col[0]="FF33FF"col[1]="66CCCC"col[2]="0000FF"col[3]="33FF00"col[4]="99FFFF"col[5]="66FF33"col[6]="000033"col[7]="FFFF66"col[8]="99CCFF"col[9]="CCCCCC"function chgCol(){ if(pos<0||pos>9){pos=0} document.bgColor=col[pos]pos++setTimeout("chgCol()",1000)/*时间间隔设置.*/ } setTimeout("chgCol()",1000)--></script><style type="text/css"></style></HEAD><body> <table width="200" border="0" align="center"><tr><td><form name="form2" ><input type="button" name="button1" value="用户注册（注：带*号的必须填写）" onMouseMove="move()"></form></td></tr></table><table width="319" border="0" align="center"><tr><td width="313"><form name="form1" method="post" onSubmit="Check()"><p>用户名： <input type="text" name="yhm" >** <p>密码： <input type="password" name="pass1" >** <p>确认密码： <input type="password" name="pass2" >** <p>性别： <input type="radio" name="sex" value="男" checked="checked">男 <input type="radio" name="sex" value="女">女** <p>来自那个省：<SELECT id=area tabIndex=6 size=1 name=area> <OPTION selected>==来自那个省==</OPTION> <OPTION value=其他>其他</OPTION><OPTION value=安徽>安徽</OPTION><OPTION value=北京>北京</OPTION><OPTION value=重庆>重庆</OPTION><OPTION value=福建>福建</OPTION><OPTION value=甘肃>甘肃</OPTION><OPTION value=广东>广东</OPTION><OPTION value=广西>广西</OPTION><OPTION value=贵州>贵州</OPTION><OPTION value=海南>海南</OPTION><OPTION value=河北>河北</OPTION><OPTION value=黑龙江>黑龙江</OPTION><OPTION value=河南>河南</OPTION><OPTION value=湖北>湖北</OPTION><OPTION value=湖南>湖南</OPTION><OPTION value=内蒙古>内蒙古</OPTION><OPTION value=江苏>江苏</OPTION><OPTION value=江西>江西</OPTION><OPTION value=吉林>吉林</OPTION><OPTION value=辽宁>辽宁</OPTION><OPTION value=宁夏>宁夏</OPTION><OPTION value=青海>青海</OPTION><OPTION value=山西>山西</OPTION><OPTION value=山东>山东</OPTION><OPTION value=上海>上海</OPTION><OPTION value=四川>四川</OPTION><OPTION value=天津>天津</OPTION><OPTION value=西藏>西藏</OPTION><OPTION value=新疆>新疆</OPTION><OPTION value=云南>云南</OPTION><OPTION value=浙江>浙江</OPTION><OPTION value=陕西>陕西</OPTION><OPTION value=台湾>台湾</OPTION><OPTION value=香港>香港</OPTION><OPTION value=澳门>澳门</OPTION></SELECT><p>地址： <input type="text" name="address" > <p>email： <input type="text" name="email"> <p>电话： <input type="text" name="phone"> <p><input type="submit" name="Submit" value="提交" > <input type="reset" name="Submit2" value="重置"> </form></td></tr></table></body></HTML>

希望采纳

以下为个人原创教学例子，任何人引用需注明出自百度知道用户am7972,楼主可供参考\x0d\x0a该例子涵盖了文本框、密码框、下拉菜单、单选框、复选框及文本区的使用\x0d\x0a同时在数据的使用方面涵盖了文本型、数值型、日期型、布尔型的使用\x0d\x0a也涵盖了在会员信息入数据库前，进行严格的数据检查\x0d\x0a不足处，JS验证还不是太完善，不过有服务端认证足够了\x0d\x0a会员注册\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a

会员注员 \x0d\x0a
姓名：	\x0d\x0a
密码：	\x0d\x0a
性别：	男女 \x0d\x0a
生日：	\x0d\x0a
年龄：	\x0d\x0a
爱好：	上网读书体育 \x0d\x0a
上网方式：	\x0d\x0a 拨号上网无线上网光纤上网 \x0d\x0a \x0d\x0a
个人简介：
\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a====bb.asp的会员注册非法数据监测====\x0d\x0a0 Then\x0d\x0a Response.write "姓名不能包含特殊符号!@#$%^&()_-+\|?/"",." \x0d\x0a Response.End \x0d\x0a End If\x0d\x0aNext\x0d\x0a'判断密码合不合法，是否包含非法数据userPassword = Trim(userPassword)If userPassword ="" Then Response.write "密码不能为空" Response.EndEnd If\x0d\x0aIf Len(userPassword)>20 Then\x0d\x0a Response.write "密码字数不能超过20个字" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0a'判断密码合不合法，是否包含非法数据\x0d\x0aSex = Trim(Sex)\x0d\x0aIf Sex = "" Then\x0d\x0a Response.write "性别不能为空"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf Sex "True" And Sex "False" Then\x0d\x0a Response.write "性别不能为不男不女"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0a'判断生日合不合法，是否包含非法数据\x0d\x0auserSR = Trim(userSR)\x0d\x0aIf userSR ="" Then\x0d\x0a Response.write "生日不能为空"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf Len(userSR)10 Then '例如：2012-6-3 2012-11-23\x0d\x0a Response.write "你输入的生日字数不对，应为2012-6-3或2012-11-23格式" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf IsDate(userSR)=False Then\x0d\x0a Response.write "你输入的生日格式不能转化为日期，请核实" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf DateDiff("yyyy",userSR,Date())200 Then\x0d\x0a Response.write "根据你输入的生日你可能小于1岁或已经超过200岁了，请核查重新输入" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0a'判断年龄合不合法，是否包含非法数据userNL = Trim(userNL)If userNL ="" Then\x0d\x0a Response.write "年龄不能为空" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf IsNumeric(userNL)=False Then\x0d\x0a Response.write "你输入的年龄不能转化为数值，请核查"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0auserNL = CInt(userNL)\x0d\x0aIf userNL200 Then\x0d\x0a Response.write "你输入的年龄不能小于0岁或者大于200岁，请核查"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0a'判断爱好合不合法，是否包含非法数据ah = Trim(ah) '选择多个爱好则系统会用，分开 //测试\x0d\x0aah = Replace(ah," ","")\x0d\x0aarrAh = Split(ah,",")\x0d\x0aFor i = LBound(arrAh) To UBound(arrAh)\x0d\x0a If arrAh(i)"sw" And arrAh(i)"ds" And arrAh(i)"ty" Then \x0d\x0aResponse.write i & "你选择的爱好有问题，请核查" & arrAh(i)\x0d\x0aResponse.End\x0d\x0aEnd If\x0d\x0aNext\x0d\x0a'判断上网方式合不合法，是否包含非法数据swfs = Trim(swfs)If swfs = "" Then\x0d\x0a Response.write "上网方式不能为空"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf swfs"bhsw" And swfs"wxsw" And swfs"gxsw" Then\x0d\x0a Response.write "你选择的上网方式有问题，请核查"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0a'判断个人简介是否为空，是否超出1000个字\x0d\x0auserGrjs = Trim(userGrjs)\x0d\x0aIf userGrjs = "" Then\x0d\x0a Response.write "个人简介不能为空" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf Len(userGrjs) > 1000 Then\x0d\x0a Response.write "个人简介不能超过1000个字"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aResponse.write "数据合法性检测通过"\x0d\x0a%>\x0d\x0a====登陆的HTML代码可相信楼主参照会员注册代码应该没问题了==== 上一节我们已经创建了一个用户应用，并创建了用户模型，那么我们这节就开始实现一个简单的用户登录注册功能！登录注册功能Flask有一个非常优秀的扩展Flask-login，我们可以选择使用这个扩展来实现，但为了学习我们暂时不使用这个第三方扩展，而是选择使用session来实现！首先，我们需要完善登录的html页面, 路径为： app/auth/templates/login.html 代码详解：这个登陆模板继承了 base.html 的样式，这个 base.html 中的模块及代码其实就是我们之前实现的首页，只是我们把他作为一个模板基类来继承他！这段代码中其实就是写了一个输入账号密码的表单，其他多余的代码都是为了实现表单的样式而存在的！这里要特别说明的是这个input表单必须设置name属性，因为后端要根据此name属性来获取用户输入的值！其他属性则需要大家自行去了解学习！登录功能的后端逻辑视图, 路径为： app/auth/views/auth.py 代码详解： -request.method == 'POST' 判断当前请求是否为post请求方式 - error = None 来初始化一个错误变量，如果未通过登录验证，把错误信息通过消息传送到页面提示用户这段代码首先在数据库通过用户提交的用户名去查询该用户，用户不存在就会返回None返回错误提示，用户存在则判断密码是否正确，这里用到了一个 check_password_hash() 的方法，这是用来将密文密码解密后与用户输入密码比对方法，与之对应的有一个 generate_password_hash() 的方法用来加密明文密码保存到数据库！这段代码则是如果没有返回任何错误提示，说明该提交的表单符合我们的要求，并且数据库也存在该用户信息，那么我们只需要清空session，重新将session中的user_id设置为当前登录的id即可！因此在实现登录注册逻辑之前就必须引入这两个方法：登录功能虽然实现了，但我们数据库目前还没有任何一个用户，所以此时就应该要去实现用户的注册功能，向数据库新增用户，大概的逻辑是，用户输入用户名及两次密码，先判断该用户是否已经存在，存在则提示更换用户名，不存在则向数据库创建该用户信息，并清空session，重新设置user_id的值为注册用户的id，以达到注册成功后自动登录的目的！首先，我们需要完善注册的html页面, 路径为： app/auth/templates/register.html 这是注册页面的html，大家自行理解下，这里着重说一个我们在视图中通过 flash() 传递出来的消息，在模板中由以下代码接收！注册功能的后端逻辑视图, 路径为： app/auth/views/auth.py 这个注册的逻辑基本上涵盖了我们之前所有章节学到的知识点，这里就不再过多地去一一解释代码，大家可自行理解并完善注释！通过登录和注册功能的实现，我们已经清楚地知道，用户是否登录其实是判断session会话中是否存在用户的id来决定，那么推出登录，我们只需要清除session会话中的用户id即可，这里我们直接选择清空session的方式实现推出功能！ bp.before_app_request() 注册一个在视图函数之前运行的函数，无论请求什么 URL。都会先检查用户 ID 是否存储在会话中，并从数据库获取该用户的数据，将其存储在 g.user 上，该数据在请求期间持续。注册完这个函数之后，我们就可以在base.html中的导航的最右侧通过g.user的返回值，判断用户是否已经登录，显示不同的信息！对于像下一章节我们要实现的用户中心以及管理后台，则必须是带有权限的访问，最基本的权限应该是必须是登录用户，那么所以说对于那些未登录的用户我们需要拒绝访问的功能！这个其实思路也非常简单，既然在实现模板中调用用户信息的时候，我们把当前登录的用户信息添加到了g对象，那么我们只需要判断g.user的返回值是否为None即可判断用户是否登陆！到这里关于用户登录注册相关的基本权限问题我们就完成了，注意这些视图函数都在 app/auth/views/auth.py 文件中！欢迎分享，转载请注明来源：内存溢出原文地址: https://outofmemory.cn/zaji/6222970.html 用户密码代码数据为空赞 (0) 打赏微信扫一扫支付宝扫一扫易人一级用户组 0 0 生成海报常用HTML语法有哪些？上一篇 2023-03-18 HTML5开发需要学习哪些内容下一篇 2023-03-18 发表评论请登录后评论... 登录后才能评论评论列表（0条）易人一级用户组 112* 文章 0 评论 0 问题 0 回答最近文章戴尔服务器三个硬盘的位置物联网概念是什么战地1加速选哪个服 curl如何查看服务器目录下有哪些文件微信相册怎么制作相关文章 linux下添加删除，修改，查看用户和用户组 2022-4-12 cobble服务器安装配置 2022-4-12 linux下yum安装指定的mysql版本 2022-4-12 mysql8.0数据库忘记密码时进行修改方法 2022-4-12 如何取消Microsoft账户登录电脑 2022-4-12 ubuntu-18.04 修改用户名密码 2022-4-12 HiJson 2022-4-12 redis设置密码 2022-4-12 VulnHub PowerGrid 1.0.1靶机渗透 2022-4-12 印象笔记·剪藏 Chrome插件 2022-4-12 【HIVE】hive的安装与使用教程 2022-4-12 天兔（Lepus）数据库监控系统安装笔记 2022-4-12 2021 MySQL安装教程（最新教程）- 含网盘下载 2022-4-12 edquota - 编辑用户配额 2022-4-12 CentOS7下NFS服务安装及配置固定端口 2022-4-12 阿里巴巴java开发手册（2020版） 2022-4-12 oracle创建删除用户，表空间-九五小庞 2022-4-12 MySql5.7创建数据库与添加用户、删除用户及授权 2022-4-12 react混合开发APP，资源分享 2022-4-12 这5个实用技巧，教你设计出更好的App 2022-4-12 随机标签新华路赚大钱培正应答机小寨滑水兵燹失败率康家伊文斯第一人民医院这能膦酸旺健大字典偷车国梁日工资免谈永业网站地图联系我们行业动态专题列表 Copyright © 2022 内存溢出版权所有湘ICP备2022025235号 Powered by outofmemory.cn 保存

谁能帮我做个 html的注册页面?

发表评论

评论列表（0条）