• 4.11第8周学习总结


    这周没有具体的学习按排,所以我自己开始补习之前所落下的关于上学期Javaweb的内容,之前一直想学关于

     这样的实时提醒的东西,学习了两个函数  onfocus() 和onblur()  这两个函数的用法还有innerHTML的用法,只是用这个的时候需要加上标签<span  id=" "></span>

     document.getElementById(id+"span").innerHTML="<font color='red'>"+info+"</font>";

    下面是一些代码:内容简单,有两个版本,简单跟复杂

     1 <%@ page language="java" contentType="text/html; charset=UTF-8"
     2     pageEncoding="UTF-8"%>
     3 <!DOCTYPE html>
     4 <html>
     5 <head>
     6 <meta charset="UTF-8">
     7 <title>Insert title here</title>
     8 </head>
     9 <body>
    10     <form action="#" method="post">
    11     <!-- 
    12     姓名<input type="text" id="name" name="name" onfocus="show()" onblur="check()"><span id="namespan"></span></br>
    13     密码<input type="password" id="password" name="password" onfocus="show1()" onblur="check1()"><span id="passwordspan"></span></br>
    14     <input type="submit" value="提交 " onclick="tijiao()">
    15      -->
    16     
    17     
    18     姓名<input type="text" id="name" name="name" onfocus="show('name','用户名不能为空!')" onblur="check('name','用户名必填!')"><span id="namespan"></span></br>
    19     密码<input type="password" id="password" name="password" onfocus="show('password','密码不能为空!')" onblur="check('password','密码必填!')"><span id="passwordspan"></span></br>
    20     <input type="submit" value="提交 " onclick="tijiao()">
    21     </form>
    22     <script type="text/javascript">
    23     /**function tijiao(){
    24         var name= document.getElementById("name").value;
    25         if(name==""){
    26             alert("姓名不能为空");
    27         }
    28         var password= document.getElementById("password").value;
    29         if(password==""){
    30             alert("密码不能为空");
    31         }
    32     }*/
    33     
    34     
    35     //第一种方法
    36     /**function show(){
    37          document.getElementById("namespan").innerHTML="<font color='red'>用户名必填!</font>";
    38     }
    39     function check(){
    40         var name=document.getElementById("name").value;
    41         if(name==""){
    42         document.getElementById("namespan").innerHTML="<font color='red'>用户名不可以为空!</font>";
    43         }else{
    44             document.getElementById("namespan").innerHTML="";
    45         }
    46     }
    47     function show1(){
    48          document.getElementById("passwordspan").innerHTML="<font color='red'>密码必填!</font>";
    49     }
    50     function check1(){
    51         var password=document.getElementById("password").value;
    52         if(password==""){
    53         document.getElementById("passwordspan").innerHTML="<font color='red'>密码不可以为空!</font>";
    54         }else{
    55             document.getElementById("passwordspan").innerHTML="";
    56         }
    57     }*/
    58     
    59     //第二种简便方法
    60     function show(id,info){
    61          document.getElementById(id+"span").innerHTML="<font color='red'>"+info+"</font>";
    62     }
    63     function check(id,info){
    64         var name=document.getElementById(id).value;
    65         if(name==""){
    66         document.getElementById(id+"span").innerHTML="<font color='red'>"+info+"</font>";
    67         }else{
    68             document.getElementById(id+"span").innerHTML="";
    69         }
    70     }
    71     </script>
    72 </body>
    73 </html>
  • 相关阅读:
    HTML5边玩边学(2)
    Get Mac NetBIOS
    NetBios协议详解及网上邻居工作原理
    DXperience Universal 10.1.6
    HTML5边玩边学(1)
    《UML和模式应用》读书笔记(二)
    static instance examples
    自己写的虚拟主机管理系统..和大家分享
    一个不错的net的User Interface Components
    Infragistics系列控件
  • 原文地址:https://www.cnblogs.com/1234yyf/p/12680817.html
Copyright © 2020-2023  润新知