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

Posted 连一粝的博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 验证用户名和密码是否为空相关的知识,希望对你有一定的参考价值。

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
      
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
      
    <html>  
      
      <head>  
      
        <title>My JSP ‘userValidate.jsp‘ starting page</title>  
          
         <script type="text/javascript">  
            function checkUserName(obj){  
                var username = obj;  
                var checkUserNameResult = document.getElementById("checkUserNameResult");    
                if(username.trim().length==0){  
                      checkUserNameResult.innerHTML = "用户名不能为空";    
                      obj.focus();  
                }else{  
                     checkUserNameResult.innerHTML = "";    
                }  
            }  
        </script>  
      
        <script type="text/javascript">  
            function checkPassword(obj){  
                var password = obj;  
                var checkPasswordResult = document.getElementById("checkPasswordResult");   
                if(password.trim().length==0){  
                    checkPasswordResult.innerHTML = "密码不能为空";    
                    obj.focus();  
                }else{  
                     checkPasswordResult.innerHTML = "";    
                }  
            }  
      
        </script>  
      
      </head>  
      
      <body>  
      
        
      
      <table>  
          <tr>  
            <td>用户名:</td>  
            <td><input type="text" name="username"  onblur="checkUserName(this.value);" /></td>  
            <td><span id="checkUserNameResult" style="color: red "></span>  </td>  
        </tr>  
      
        <tr>  
      
        <td>密  码:</td>  
        <td><input type="password" name="password" onblur="checkPassword(this.value);"/>  
        <td><span id="checkPasswordResult" style="color: red "></span></td>  
       
        </tr>  
      
        <tr><td><input type="submit" value="提交" ></td></tr>  
      
        </table>  
      
      
      </body>  
      
    </html> 


































































以上是关于js 验证用户名和密码是否为空的主要内容,如果未能解决你的问题,请参考以下文章

js判断登陆用户名及密码是否为空的简单实例

js或jquery中的验证

用户登录如何设计测试用例?

H5用户登录测试用例

01 | 你真的懂测试吗?从“用户登录”测试谈起 茹炳晟

软件测试之登录测试详解