if else 感觉没有起到效果

if else 感觉没有起到效果

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>onblur和onfocus</title>

    <style type="text/css">

        .red{

            border:1px solid red;

        }

    </style>

</head>

<body>

    姓名:<input type="text"> <span></span>

    <script type="text/javascript">

        // 补充代码

        var z=document.getElementsByTagName("input"); 

        var l=document.getElementsByTagName("span");

        

        z[0].onfocus=sr;

            function sr(){

                l[0].innerHTML="请输入您的姓名";

        }

        z[0].onblur=pd;

            function pd(){

                if(isNaN(z[0].value)==true){

                    l[0].innerHTML="勾勾";

                }else{

                    this.className="red";

                    l[0].innerHTML="叉叉";

                }

                

        }

    </script>

</body>

</html>



正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,因为当失去焦点验证时,同学添加了.red样式,在重新得到焦点时,.red样式并没有被去掉,它还存在,所以我们可以手动的在聚焦时去掉它的样式。

祝学习愉快~

好帮手慕粉 2020-04-20 15:54:40

同学你好,代码的大致效果已经实现了,可以再优化下:

http://img1.sycdn.imooc.com//climg/5e9d553c093a2cbb05150126.jpg

祝学习愉快~

  • 提问者 只恨未尽心 #1
    搞不懂为什么没有这句,就没有完美的效果
    2020-04-21 17:57:06
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师