js 验证用户名和密码是否为空

 

js 验证用户名和密码是否为空

分类: 计算机网络   394人阅读  评论(0)  收藏  举报
[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2.   
  3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  4.   
  5. <html>  
  6.   
  7.   <head>  
  8.   
  9.     <title>My JSP 'userValidate.jsp' starting page</title>  
  10.       
  11.      <script type="text/javascript">  
  12.         function checkUserName(obj){  
  13.             var username = obj;  
  14.             var checkUserNameResult = document.getElementById("checkUserNameResult");    
  15.             if(username.trim().length==0){  
  16.                   checkUserNameResult.innerHTML = "用户名不能为空";    
  17.                   obj.focus();  
  18.             }else{  
  19.                  checkUserNameResult.innerHTML = "";    
  20.             }  
  21.         }  
  22.     </script>  
  23.   
  24.     <script type="text/javascript">  
  25.         function checkPassword(obj){  
  26.             var password = obj;  
  27.             var checkPasswordResult = document.getElementById("checkPasswordResult");   
  28.             if(password.trim().length==0){  
  29.                 checkPasswordResult.innerHTML = "密码不能为空";    
  30.                 obj.focus();  
  31.             }else{  
  32.                  checkPasswordResult.innerHTML = "";    
  33.             }  
  34.         }  
  35.   
  36.     </script>  
  37.   
  38.   </head>  
  39.   
  40.   <body>  
  41.   
  42.     
  43.   
  44.   <table>  
  45.       <tr>  
  46.         <td>用户名:</td>  
  47.         <td><input type="text" name="username"  onblur="checkUserName(this.value);" /></td>  
  48.         <td><span id="checkUserNameResult" style="color: red "></span>  </td>  
  49.     </tr>  
  50.   
  51.     <tr>  
  52.   
  53.     <td>密  码:</td>  
  54.     <td><input type="password" name="password" onblur="checkPassword(this.value);"/>  
  55.     <td><span id="checkPasswordResult" style="color: red "></span></td>  
  56.    
  57.     </tr>  
  58.   
  59.     <tr><td><input type="submit" value="提交" ></td></tr>  
  60.   
  61.     </table>  
  62.   
  63.   
  64.   </body>  
  65.   
  66. </html>  
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值