今天做了项目展示,项目做了一周,终于做完了,今天也展示了成果,效果不太满意。
过去了已经过去,明天开始新的课程了,加油!下面写一些在做项目中遇到的代码,写在这上面上,容易翻阅:
下面是做了一个登录界面:
<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="200px;height:30px;"/><br /><br />
<label style="font-size:18px;margin-left:50px;">密码:</label><input type="password" id="te2" style="200px;height:30px;"/><br /><br />
<input type="button" name="n1" value="登录" onclick="dl()" style="margin-left:100px;60px;height:40px;font-size:18px;"/>
</body>
</html>
下面是注册页面:
<body>
<table>
<tr>
<td>
<a class="frred">*</a>用户名:<input name="name" id="name" type="text" onblur="checkformname()" />
<span id="sname" class="frbule">输入至少四位的用户名</span>
</td>
</tr>
<tr>
<td>
<a class="frred">*</a>密 码:
<input name="pwd" id="pwd" type="password" onblur="checkpwd()" />
<span id="spwd" class="frbule">请输入至少六位密码</span>
</td>
</tr>
<tr>
<td>
<a class="freed">*</a>再次输入密码:
<input name="rpwd" id="rpwd" type="password" onblur="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>