zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    leetcode 18 4Sum
    leetcode 71 Simplify Path
    leetcode 10 Regular Expression Matching
    leetcode 30 Substring with Concatenation of All Words
    leetcode 355 Design Twitte
    leetcode LRU Cache
    leetcode 3Sum
    leetcode Letter Combinations of a Phone Number
    leetcode Remove Nth Node From End of List
    leetcode Valid Parentheses
  • 原文地址:https://www.cnblogs.com/1234yyf/p/12680817.html
Copyright © 2011-2022 走看看