js登录界面判断输入的用户名和密码是否为空

原创 2016年06月01日 11:40:43
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        //检查用户名和密码是否为空
        function check(){
            var username= document.getElementById("username");
            if(username.value.trim()==""){//没有输入用户名是显示提示
                //获取所有子节点
                var findNodes = document.getElementById("name").children;
                if(findNodes.length==0){//只添加一次span
                    var appdom= document.createElement("span");
                    appdom.innerHTML="*用户名不能为空";
                    appdom.style.color="red";
                    document.getElementById("name").appendChild(appdom);
                }
                return false;
            }else{//输入了内容后清除节点内容
                var findNodes =document.getElementById("name").children;
                if(findNodes.length>0){
                    document.getElementById("name").removeChild(findNodes[0]);
                }
            }
            var userpwd = document.getElementById("userpwd");
            if(userpwd.value.trim()==""){
                var findNodes2 = document.getElementById("pwd").children;
                if(findNodes2.length==0){
                    var appdom2 = document.createElement("span");
                    appdom2.innerHTML="*密码不能为空";
                    appdom2.style.color="red";
                    document.getElementById("pwd").appendChild(appdom2);
                }
                return false;
            }else{
                var findNodes2 = document.getElementById("pwd").children;
                if(findNodes2.length>0){
                    document.getElementById("pwd").removeChild(findNodes2[0]);
                }
            }
        }
    </script>
</head>
<body>
     <form name="form1">
         用户名:<input type="text" name="username" id="username"/><em id="name"></em><br>
         密  码:<input type="password" name="userpwd" id="userpwd"><em id="pwd"></em><br>
         <input type="submit" value="登录" onclick="return check();">
     </form>


</body>
</html>

相关文章推荐

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

My JSP 'userValidate.jsp' starting page function checkUserName(obj){ ...
  • jxq0816
  • jxq0816
  • 2015年02月02日 17:05
  • 13112

javascript 判断用户输入文本框是否为空

楼主要确认密码么,要是不用可以直接去掉就可以了 MyHtml.html

jsp页面判断登入输入的用户名和密码不能为空

在body里面插入javascript脚本,编写一个判断函数,在需要的地方调用此函数 function check(){ var flag = true; var...

HTML 的 form 提交之前如何验证数值不为空? 为空的话提示用户并终止提交

function check(){ var nameValue=window.document.getElementById("uname").value; if (nam...

js判断输入字符串是否为空、空格、null总结

判断字符串是否为空 var strings = '';  if (string.length == 0)  {  alert('不能为空');  } 判断字符串是否为“空”字符即用...

PHP验证登录用户名和密码

登录页面 login.html 负责收集用户填写的登录信息   用户登录 用户名: 密 码: 登录处理 login.php 负责处理用户登录与退出动作。 ...

Java登录页面实时验证用户名密码和动态验证码

●登录名和密码是同时验证的,并不是先验证登录名Java登录页面实时验证用户名密码和动态验证码是否存在然后再验证密码是否正确,是同时进行验证,若登录名和密码当中一个条件不符合,则提示用户登录名或者密码错...

JS做的登陆页面,验证用户名密码非空

JS做的登陆页面,验证用户名密码非空

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

使用JavaScript设计web登陆界面 用户名 密码判断

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题文档 Us...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js登录界面判断输入的用户名和密码是否为空
举报原因:
原因补充:

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