DOM-----用户名密码不能为空

原创 2016年06月01日 20:36:58
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        function login()
        {
            var node =document.getElementById("info1").children;//清空span
            for(var i=0;i<node.length;i++)//如果length>0 代表里面有元素 就不用添加了
            {
                document.getElementById("info1").removeChild(node[i]);
            }


            var log =document.getElementById("text1").value;//获得text里面的字符




            if(log.trim()=="")//如果为空
            {
                var words =document.createElement("span");//创建元素span
                words.style.color="red";//字体颜色为红
                words.innerHTML="用户名不能为空";
                document.getElementById("info1").appendChild(words);//em元素添加该span元素作为子元素
               return false;//返回false
            }
            else
            {
                return true;
            }




        }
        function pwd()
        {
            var pwd =document.getElementById("text2").value;
            if(pwd.trim()=="")
            {
                if(document.getElementById("info2").children.length<=0)
                {
                    var img =document.createElement("img");


                    img.setAttribute("src", "2.jpg");
                    document.getElementById("info2").appendChild(img);
                }
            }
            else
            {




                    if(document.getElementById("info2").children.length>=1)
                    {
                        document.getElementById("info2").removeChild(document.getElementById("info2").children[0]);
                    }




            }




        }
        window.onload=function()
        {
            setInterval("pwd()",100);
        }
    </script>
</head>
<body>
<form name="form1">
    用户名:<input type="text" id="text1"><em id="info1"></em><br>
    密码:<input type="text" id="text2"><em id="info2"></em><br>
    <input type="submit" value="确定" onclick=" return login();">//如果click是返回false 则无法提交和刷新或者跳转页面
</form>
</body>
</html>

相关文章推荐

设置windows共享后,不能通过用户名密码访问的解决方法

今日由于客户需要在服务器上做了一个共享文件夹,新建了一个用户,用于服务器生成数据提供给对端读取用。服务器是win2003但在设置了共享之后从网络输入新建的用户名密码无法访问,如图: ...

有趣的EditView为空时的抖动效果(用户名和密码)--第三方开源--ClearEditText

ClearEditText在github上的链接地址是:https://github.com/zhangphil/ClearEditText   用法十分简单,在布局中使用ClearEditTex...
  • xzylx1
  • xzylx1
  • 2015年12月28日 12:45
  • 121

清空SVN保存的用户名和密码

删除掉C:/Documents and Settings/hao/Application Data/Subversion/auth/svn.simple文件夹下的文件即可.再次访问时,会弹出要求输入用...

银行用户名密码识别系统verilog

  • 2017年03月12日 15:09
  • 5KB
  • 下载

实现用户登录时若没有输入用户名,给出用户名不能为空的提示,若没有输入密码,给出密码不能为空的提示

一、实现用户登录时若没有输入用户名,给出用户名不能为空的提示,若没有输入密码,给出密码不能为空的提示。   1、首先在index.jsp里面建立一个form表单,action为当我提交表单时用来处理程...

putty 可默认用户名和密码

  • 2015年08月20日 18:42
  • 246KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DOM-----用户名密码不能为空
举报原因:
原因补充:

(最多只允许输入30个字)