今天做了项目展示,项目做了一周,终于做完了,今天也展示了成果,效果不太满意。
过去了已经过去,明天开始新的课程了,加油!下面写一些在做项目中遇到的代码,写在这上面上,容易翻阅:
下面是做了一个登录界面:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery-1.8.2.min.js"></script> <script> function dl() { var zh = document.getElementById("te1").value; var mima = document.getElementById("te2").value; if (zh == 12345 && mima ==12345) { document.write("登录成功"); } else { document.write("账号或密码不正确,请重新输入!") } }</script>
<title></title> </head> <body> <label style="font-size:18px;margin-left:50px;">账号:</label><input type="text" id="te1" style="width:200px;height:30px;"/><br /><br /> <label style="font-size:18px;margin-left:50px;">密码:</label><input type="password" id="te2" style="width:200px;height:30px;"/><br /><br /><input type="button" name="n1" value="登录" οnclick="dl()" style="margin-left:100px;width:60px;height:40px;font-size:18px;"/>
</body> </html>下面是注册页面:
<body>
<table> <tr> <td> <a class="frred">*</a>用户名:<input name="name" id="name" type="text" οnblur="checkformname()" /> <span id="sname" class="frbule">输入至少四位的用户名</span> </td> </tr> <tr> <td> <a class="frred">*</a>密 码: <input name="pwd" id="pwd" type="password" οnblur="checkpwd()" /> <span id="spwd" class="frbule">请输入至少六位密码</span> </td> </tr> <tr> <td> <a class="freed">*</a>再次输入密码: <input name="rpwd" id="rpwd" type="password" οnblur="rcheckpwd()"/> <span id="srpwd" class="frbule">请输入重复密码</span></td>
</tr> </table></body>
<script>
function checkformname(){ var regname=/^\w{4,10}$/; var fname=document.getElementById("name"); var ftname=document.getElementById("sname"); if(fname.value==""|| fname.value.length<4||fname.value.length>10){ ftname.className="frred"; ftname.innerHTML="× 请输入4-10位用户名,可包含数字、字母、下划线"; } else{ if(fname.value.match(regname)){ ftname.className="fgren"; ftname.innerHTML="√用户名可用!" } else{ ftname.className="frred"; ftname.innerHTML="× 用户名格式输入错误,请检查!"; }} } function checkpwd(){ var fpwd=document.getElementById("pwd"); var ftpwd=document.getElementById("spwd"); if(fpwd.value==""||fpwd.value.length<4||fpwd.value.length>20){ ftpwd.className="frred"; ftpwd.innerHTML="× 请输入4-20位用户密码!"; } else{ ftpwd.className="fgren"; ftpwd.innerHTML="√密码可用!" } } function rcheckpwd(){ var fpwd=document.getElementById("pwd"); var frpwd=document.getElementById("rpwd"); var ftrpwd=document.getElementById("srpwd"); if(frpwd.value=="") { ftrpwd.className="frred"; ftrpwd.innerHTML="× 请输入您的重复密码!" } else{ if(frpwd.value!=fpwd.value) { ftrpwd.className="frred"; ftrpwd.innerHTML="× 俩次密码输入不一致,请重新输入!"; } else { ftrpwd.className="fgren"; ftrpwd.innerHTML=" √ 密码输入正确" } } } </script>