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

This topic created in 4119 days ago, the information mentioned may be changed or developed.

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

div

审查

ACFun

2 replies • 2015-03-11 21:07:28 +08:00

yizi

Mar 11, 2015

最开始以为是用伪元素去写的，后来发现如果输入符合条件，提示框就会隐藏掉，排除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

Mar 11, 2015

@Yokira 多谢解答。