博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
一阶段
阅读量:4927 次
发布时间:2019-06-11

本文共 2883 字,大约阅读时间需要 9 分钟。

  今天做了项目展示,项目做了一周,终于做完了,今天也展示了成果,效果不太满意。

  过去了已经过去,明天开始新的课程了,加油!下面写一些在做项目中遇到的代码,写在这上面上,容易翻阅:

  下面是做了一个登录界面:

  <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>密&nbsp;&nbsp;码:
  <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>

转载于:https://www.cnblogs.com/liuyubin0629/p/6952134.html

你可能感兴趣的文章
如何使用WPS从正文开始页码为1,而不是从目录开始?
查看>>
C# Select
查看>>
【转】关于Scapy
查看>>
关于AES加密,以及各种分组加密
查看>>
修改 Win10 默认输入法为英语(美式键盘)
查看>>
IE浏览器使用VLC实时显示视频(海康、大华)
查看>>
计算机网络介绍,TCP协议,Socket网络编程
查看>>
移动端页面输入法挡住input输入框的解决方法
查看>>
操作系统--进程
查看>>
LWP::UserAgent - Web user agent class Web 用户agent 类:
查看>>
zookeeper 手动T掉已挂节点
查看>>
apache commons io入门
查看>>
在OS X 10.9配置WebDAV服务器联合NSURLSessionUploadTask实现文件上传
查看>>
C语言位运算
查看>>
OSI七层协议模型、TCP/IP四层模型学习笔记
查看>>
windown vs2012 编译ffplay
查看>>
RTMP协议规范(转载)
查看>>
盘点那些大牌互联网公司内部使用的JavaScript库
查看>>
CentOS 7.0下使用yum安装MySQL
查看>>
vue初级学习--路由router的编写(resolve的使用)
查看>>