V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
LUREN
V2EX  ›  问与答

AcFun 这个登陆框提示语是怎么做到的呢?

  •  
  •   LUREN · 2015-03-11 18:25:51 +08:00 · 2483 次点击
    这是一个创建于 3547 天前的主题,其中的信息可能已经有所发展或是发生改变。

    http://t1.qpic.cn/mblogpic/5d7c18c7c06353a51cd6/2000.jpg
    请问这个提示语是如何实现的呢?审查元素好像也没有什么标签或div内容。

    2 条回复    2015-03-11 21:07:28 +08:00
    Yokira
        1
    Yokira  
       2015-03-11 19:29:21 +08:00   ❤️ 1
    最开始以为是用伪元素去写的,后来发现如果输入符合条件,提示框就会隐藏掉,排除CSS;

    查了下JS,发现应该是对input绑定了事件,然后调用了info方法并传入了提示语,在输入符合条件的时候,input会多一个success的class,不符合会是error的class,提示语其实写在了JS里面,只不过不是utf-8就显示了乱码。

    不符合条件的时候会出现一个绝对定位的提示框 [div id='area-window'](在 [div id='stage'] 里面),它的子元素会多出一个 [div id='win-hint-form'] ,你可以看一下。
    LUREN
        2
    LUREN  
    OP
       2015-03-11 21:07:28 +08:00
    @Yokira 多谢解答。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3886 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 10:31 · PVG 18:31 · LAX 02:31 · JFK 05:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.