java web
发表在JavaWeb编程词典答疑 2017-09-24 悬赏:2 学分
是否精华
版块置顶:

我学到IF语句

我想利用它来完成验证登录信息是否为空 代码如下

<html>

<head>

<script language="javascript">

 

function check(){

if( text=="" ){ 

alert("请输入用户名!");form1.text.focus();return;

}else{ if(text==""){

alert("请输入密码!");form1.text.focus();return;

}else{

form1.submit();

}


}

</script>

</head>

<body>

<form name="form1" method="post" action="">

用户名:<input name="text" type="text" id="user">

密码:<input name="text" type="text" id="pwd">

<input name="button" type="submit" class="btn_grey" value="登录" >

<input name="submit2" type="reset" class="btn_grey" value="重置">




<input name="button" type="button" class="btn_grey" value="登录" onclink="check()">


</form>

</body>


</html>

我查了一遍 没看见什么错误 但是点击登录 他就不出现“请输入用户名”这是怎么回事

分享到:
精彩评论 2
小小小萍砸
学分:949 LV7
2017-09-25
沙发

你好 在登录验证时需要先获取标签以及标签中的内容,然后进行验证,上面的代码,并没有获取表单、文本框和密码,并且点击事件 onclick拼写有误,我在上面的代码的基础上进行了纠正,你可以对照一下看一看。

<html>
<head>
    <meta charset="UTF-8">
    <title>完成登录验证</title>
</head>
<body>
<form name="form1" method="post" action="">
    用户名:<input name="text" type="text" id="user">
    密码:<input name="text" type="text" id="pwd">
    <input name="submit2" type="reset" class="btn_grey" value="重置">
    <input name="button" type="button" class="btn_grey" value="登录" onclick="check()">
</form>
<script language="javascript">
    var form1=document.getElementsByName("form1")[0];   //获取表单
    var user=document.getElementById("user");//获取用户名文本框
    var pwd=document.getElementById("pwd");//获取密码输入框
    function check(){
        if( user.value=="" ){        //这里要注意,判断的是文本框中的值是否为空,而不是文本框,验证密码也是相同道理
            alert("请输入用户名!");
            form1.user.focus();          //使用户名文本框自动获取焦点
            return false;
        }
        if(pwd.value==""){      //这里不能使用 else   因为用户名和密码都需要验证的,如果使用else那么如果用户名输入正确,将不再验证密码
            alert("请输入密码!");
            form1.pwd.focus();
            return false;}
        else{
            form1.submit();
        }
        }
</script>
</body>
</html>
无语_mrkj
学分:3155 LV11
2017-09-25
板凳

您的代码中出现了多处错误,您对照一下我修改后的:

<html>

<head>

<script language="javascript">

 

function check(){


if( form1.user.value=="" ){ 

alert("请输入用户名!");form1.user.focus();return;

}else{ 

if(form1.pwd.value==""){

alert("请输入密码!");form1.pwd.focus();return;

}else{

form1.submit();

}

}

}

</script>

</head>

<body>

<form name="form1" method="post" action="">

用户名:<input name="user" type="text" id="user">

密码:<input name="pwd" type="text" id="pwd">

<input name="button" type="button" class="btn_grey" value="登录"  onclick="check()">

<input name="submit2" type="reset" class="btn_grey" value="重置">



</form>

</body>


</html>


首页上一页 1 下一页尾页 2 条记录 1/1页
手机同步功能介绍
友情提示:以下图书配套资源能够实现手机同步功能
明日微信公众号
明日之星 明日之星编程特训营
客服热线(每日9:00-17:00)
400 675 1066
mingrisoft@mingrisoft.com
吉林省明日科技有限公司Copyright ©2007-2022,mingrisoft.com, All Rights Reserved长春市北湖科技开发区盛北大街3333号长春北湖科技园项目一期A10号楼四、五层
吉ICP备10002740号-2吉公网安备22010202000132经营性网站备案信息 营业执照