zoukankan      html  css  js  c++  java
  • 一阶段

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

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

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

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

  • 相关阅读:
    为博客园选择一个小巧霸气的语法高亮插件
    再议 js 数字格式之正则表达式
    [扯蛋] 项目说
    浅谈 js 语句块与标签
    Yii 自定义模型路径
    js小记 function 的 length 属性
    js拾遗:appendChild 添加移动节点
    浅谈 IE下innerHTML导致的问题
    浅谈 js 数字格式类型
    [hihoCoder] 第四十九周: 欧拉路·一
  • 原文地址:https://www.cnblogs.com/liuyubin0629/p/6952134.html
Copyright © 2011-2022 走看看