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验证用户名密码大全。

JS的常用正则表达式 验证密码用户名等JS正则 JS的正则表达式 //校验是否全由数字组成 function isDigit(s)  {  var patrn=/^[0-9]{1,20}...
  • fengfan_love
  • fengfan_love
  • 2015年05月29日 11:35
  • 1301

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

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

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

JS做的登陆页面,验证用户名密码非空
  • s2940086379
  • s2940086379
  • 2015年05月22日 11:51
  • 4209

登陆注册是判断用户名密码不为空的做法

在做用户注册登陆板块时,发现即使在注册表单中不填写信息,也会在数据库创建一条用户名密码都为空的数据,然后就可以实现空用户名密码登陆。这显然是不对的。 于是想到在表单提交后判断用户名密码是否至少存在一...
  • missme1117
  • missme1117
  • 2017年03月28日 18:08
  • 920

JavaScript 注册登录页面的简单实现

九月的开学至今,将近一个月的时间来学习JavaScript,如今花了一个星期的课余时间做了一个网站的注册登录页面的简单实现,在此记录一番。 1.基础知识的汲取。 对于学习新的知识,本人喜欢以书籍的...
  • Leafage_M
  • Leafage_M
  • 2016年10月17日 17:50
  • 15194

HTML+JavaScript 用户登录界面

简单的用户登录验证 代码如下: 登录界面 //窗体改变大小时触发事件 window.onresize = setViewSize; var m...
  • qq776306395
  • qq776306395
  • 2014年04月11日 10:44
  • 7932

JS实现简单的登录界面(不连接数据库,把用户名密码写死)

今天做项目的时候碰到这个问题, 看上去很简单写个js函数就行了, 实际好像没那么好操作, 用window.location.href=""行不通呀, 得用window.document.f.a...
  • WhereYouSink
  • WhereYouSink
  • 2016年09月06日 11:09
  • 2971

使用js简单实现登录功能

js验证用户身份,登录成功之后等待一定秒数,跳转到操作页面。使用window函数。代码如下: Login.html --> ...
  • youyajie
  • youyajie
  • 2012年10月08日 11:20
  • 12254

用js进行用户登录界面验证

  • 2011年04月03日 13:32
  • 34KB
  • 下载

JS 简单登录页面

html部分: 用户登录 var code ; function createCode(){ code = new Array(); var codeLength = 4; var c...
  • a429759863
  • a429759863
  • 2016年04月15日 18:29
  • 1416
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js登录界面判断输入的用户名和密码是否为空
举报原因:
原因补充:

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