📄 wo.jsp

📁 简单的登录页面有增删改查功能
💻 JSP
字号:
<html>
    <head>
        <title>学生信息查询</title>
        <META http-equiv="Content-Type" content="text/html; charset="GB2312">

        <script language="JavaScript">   
  function yz()   
  {
   var e=document.formok.name.value;
   var d=document.formok.dept.value;
       f=document.formok;
  //验证插入姓名、性别、年龄、系别
  if(e.length==0)   
    {alert('姓名不能为空!');      
    return false;}   
  if((e.length<2)||(e.length>6))  
    {alert('姓名长度不能少于2或多于6个汉字!');
    formok.name.focus();
    return false;}  
  if(ischinese(e)) 
   {alert('姓名必须为汉字!');     
   formok.name.value="";   
   f.name.focus();   
   return false;}
  if(f.sex[0].checked==false&&f.sex[1].checked==false)
   {alert("请选定性别");
    f.sex[0].focus();
    return false;}
  if(f.age.value<1||f.age.value>99||isNaN(f.age.value))
   {alert("请输入有效的年龄");
    f.age.value="";
    f.age.focus();
    return false;}
  if(d.length==0)   
    {alert('系别不能为空!');      
    return false;} 
  if(ischinese(d)) 
   {alert('系别必须为汉字!');     
   d="";   
   f.dept.focus();   
   return false;}     
    }  
  
  function isCharsInBag(s,bag)   
  {     
  var i,c;   
  for(i=0;i<s.length;i++)   
  {     
  c=s.charAt(i);//字符串s中的字符   
  if(bag.indexOf(c)>-1)     
  return c;   
  }   
  return "";   
  }   
    
  function ischinese(s)   
  {   
  var errorChar;   
  var badChar="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789><,[]  {}?/+=|\\'\":;~!#$%()`";   
  errorChar=isCharsInBag(s,badChar)   
  if(errorChar != "" )   
  {   
  return true;   
  }     
    
  return false;   
  } 
  //验证查找年龄 
   function xz()
    {
     x=document.ageform;
     if(x.agemin.value<1||x.agemin.value>99||isNaN(x.agemin.value))
       {alert("请输入有效的年龄段");
       x.agemin.focus();
       return false;}
     if(x.agemax.value<1||x.agemax.value>99||isNaN(x.agemax.value))
       {alert("请输入有效的年龄段");
       x.agemax.focus();
       return false;}
     }
  </script>   

</head>
<body background="./image/5.jpg">
    <center>
    <h2>学生信息查询</h2>
    <br />
    <br />
      
        <form method="POST" action="2.jsp">
        <h4>按姓名查找(支持模糊查询)</h4>
            <table bgcolor="red">
                <tr>
                    <td>查找姓名</td>
                    <td><input type="text" name="name" size="15" /></td>
                    <td><input type="submit" value="查找"></td>
                
                    
                </tr>
            </table>
        </form>
        
        <br/>
        <br />
        <form name="ageform" method="POST" action="4.jsp" onsubmit="return xz();">
        <h4>按年龄查找</h4>
            <table border="1" bgcolor="blue">
                <tr>
                    <td>查找年龄</td>
                    <td><input type="text" name="agemin" size="5" /></td>
                    <td>到</td>
                    <td><input type="text" name="agemax" size="5" /></td>
                    <td><input type="submit" value="查找"></td>
                </tr>
            </table>
        </form>
        <br />
        <br />
        <form name="formok" action="3.jsp" method="POST" onsubmit="return yz();">
        <h4>插入信息到表中</h4>
            <table border="1" bgcolor="green">
                <tr>
                    <td>姓名</td>
                    <td><input type="text" name="name" /></td>
                </tr>
                <tr>
                     <td>性别</td>
                   <td> <input type="radio" value="男" name="sex">男
                        <input type="radio" value="女" name="sex">女</td>
                </tr>
                <tr>
                    <td>年龄</td>
                    <td><input type="text" name="age" /></td>
                </tr>
                <tr>
                    <td>系别</td>
                    <td><input type="text" name="dept" /></td>
                </tr>
                <tr>
                    <td><input type="submit" value="插入" /></td>
                    <td><input type="reset" value="重置" /></td>
                </tr>
            </table>
        </form>
    </center>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -