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>

验证用户和密码不能为空

function check() { //验证用户名字段是否为空     username= document.form1.username.value;      if ...
  • u011107187
  • u011107187
  • 2013年07月28日 16:44
  • 562

判断用户名密码不能为空

button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v)...
  • W_FOOD
  • W_FOOD
  • 2017年10月15日 20:16
  • 221

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

在body里面插入javascript脚本,编写一个判断函数,在需要的地方调用此函数 function check(){ var flag = true; var...
  • blue_yun
  • blue_yun
  • 2014年12月13日 20:29
  • 7280

用户名不能为空的验证

用户名不能为空的验证             function checkInfo(){             var userName = document.getElementById(...
  • ming514671146
  • ming514671146
  • 2016年06月04日 16:31
  • 459

jQuery校验用户名密码等问题

一。代码验证:    以下是代码实现用户名密码简单校验。             以下是实现的效果        以下是全部代码:            添加客户  ...
  • luobotoutou123
  • luobotoutou123
  • 2017年03月16日 15:00
  • 1386

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

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

判断用户名和密码不能为空代码

function checkform(){//验证输入数据的合法性   if (form1.username.value=="") {      alert("账号不能为空。");      form...
  • feidegenggao1
  • feidegenggao1
  • 2009年10月22日 17:06
  • 3723

android登录注册关于判断账号密码为空时不崩溃

1.主要是设置条件.      比如用户名为:long            密码为;String类型 2.那么在判断是就要在加; long或者int    !=null; String 类...
  • asfg5369
  • asfg5369
  • 2016年07月01日 18:42
  • 605

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

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

JQuery验证jsp页面属性是否为空

说明:验证是否为空的前提首先要保证是在提交form之前验证的,如果验证结果有为空的项那么限制表单不能提交,并且提示验证错误信息,验证页面属性都不为空的情况下表单正常提交,这部分属于JS部分的东西,与后...
  • ABCJIECBA
  • ABCJIECBA
  • 2011年09月21日 14:16
  • 2432
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DOM-----用户名密码不能为空
举报原因:
原因补充:

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