zoukankan      html  css  js  c++  java
  • 寒假补习记录_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的相关内容的了解。

  • 相关阅读:
    【转载】面对酱紫的情况,肿么办哇?
    webform 基础
    LINQ 语句实现分页
    LINQ to SQL 语句
    发送邮件&Timer
    treeview递归
    进程&线程
    登录框记住账号
    窗体-对话框,记事本
    日期与地区的三级联动
  • 原文地址:https://www.cnblogs.com/fwk123/p/12270965.html
Copyright © 2011-2022 走看看