寒假补习记录

寒假补习记录_3

　　这俩天主要进行的是JavaScript中对用户输入的判定这一部分。

　　在其中所学的都在代码中：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript练习</title>
</head>
<body>
</script> 
<html> 
  <head> 
    <title>JavaScript练习界面</title> 
  </head> 
  <body> 

<!-- 应用及原理 -->
        <!-- 
        JavaScript包括3个部分，ECMAScript，DOM,BOM,分别有不同的作用。
        ECMAScript是其核心，包括基本语法、变量、关键字，语句，函数等
        DOM文档对象模型，包含整个HTML页面的内容
        BOM浏览器对象模型，包含整个浏览器相关内容
         -->

<!-- ECMAScript语法：
    1、区分大小写。
    2、变量是弱类型，定义变量只用var运算符，不要用关键字和保留字
        变量不需要一定初始化
    3、变量声明不是必须的
    4、全等号“===”，不需要转换类型，直接比较
    5、获取元素：document.getElementById("id名称")，如果id是字符串，必须加引号，如果是变量，不需要。
         获取元素里面的值：document.getElementById("id名称").value。
    6、
    
     -->
     
     
<!-- JavaScript输出
    1、弹框：alert();
    2、向指定位置写入内容：innerHTML(属性)
    3、向页面写入内容：document.write("");
    
     -->
     
<!-- JavaScript判断数据提交步骤
    第一、确定时间（onsubmit）并为其绑定一个函数
    第二、书写函数（获取数据《需要定义id》）
    第三、判断输入的数据
    第四、数据合法（提交），数据非法（不提交）。
            控制提交方法：
                关于事件onsubmit：一般用于表单提交的位置，在定义时各处返回值。onsubmit = "return checkForm()"
                
 -->

<!-- 优化判断
    第一、确定事件(onfocus聚焦事件)并为其绑定一个函数
    第二、书写绑定函数（在输入框的后面给出提示信息）
    第三、确定事件(onblur离焦事件)并为其绑定一个函数
    第四、书写函数（对数据进行校验，分别给出提示）
 -->

    <center><font color = "蓝色" face = "华文楷体" > 注册界面</font></center>

    <form name="form1" action="" method="post" onsubmit="return checkForm()"> 
       <table align="center"> 

          <tr> 

              <td> 用户 ID：</td> 
              <td><input type="text" name="userid" id = "userid" onfocus = "showTips()" onblur = "checkUserid()"><span id = "useridspan"></span></td> 
          </tr> 
          
          <tr>  
          
              <td> 用户名：</td> 
              <td><input type="text" name="username" id = "username"></td>  
          </tr>
          <tr> 
              <td> 密码：</td> 
              <td><input type="password" name="password" id = "password"></td> 
          </tr> 
          <tr> 
              <td> 确认密码：</td> 
              <td><input type="password" name="password2" id = "password2"></td> 
          </tr> 
          
          <tr> 
              <td> <input type="reset" value="重置"></td> 
              <td> <input type="submit" value="提交"></td> 
              <td><input type = "button" value = "zhuce" /></td>
          </tr> 
       <table> 
       
    </form> 
  </body> 
</html> 

</body>
</html>

<!-- <<script type="text/javascript">
     function checkForm(){
        /*检验用户名*/
        //1、获取用户输入的数据
        var username = document.getElementById("username").value;
        if(username  == ""){
            alert("用户名不能为空！");
            return false;
        }
            
        /*检验密码*/
        var password1 = document.getElementById("password").value;
        if(password1 == ""){
            alert("密码不能为空!");
            return false;
        }
        
        /*检验确认密码*/
        var password2 = document.getElementById("password2").value;
        if(password2 != password1){
            alert("两次密码不同！");
            return false; 
        }
    } 
</script> -->


<script>
     function showTips(){
        document.getElementById("useridspan").innerHTML = "<font color = 'gray'>用户名必填</font>";
    } 
    
    function checkUserid(){
        //获取用户ID数据
        var userid = document.getElementById("userid").value;
        if(userid == ""){
            document.getElementById("useridspan").innerHTML = "<font color = 'red'>用户名不能为空</font>";
        }else{
            document.getElementById("useridspan").innerHTML = "";
        }
    }
</script>

　　当然，对条件的判定肯定不仅仅这一种，但基本上都可以从百度或其他查询软件中直接获得并直接使用，因此在这也不过多赘述。当然，每当碰到一种新的限定条件时，都应该去保存到自己的代码中，方便下次使用，最好做一个相关的文档，来进行储存，记忆。

　　接下来几天将进行对数据库的学习和JDBC的相关内容的了解。