31_尚硅谷_大数据JavaWEB_登录功能实现_JS去掉错误提示信息.avi原创

好啊，那我们有了JS的这个支撑以后呢，我们就可以来实现我们刚刚的这个功能，什么功能呢？再来给大家去说一下啊，那我们先访问到我们的登录页面。访问不到了呢。啊，等一下啊，这个是少了个H啊，是不是少了个H啊，对吧？啊相反问到我们的登录页面，然后呢，我来试一下，当我输错以后哈，主要是研究的错误的这些东西啊，当我这个输错以后呢，你看是不是错了呀，登落啊，他又回来了，回到这以后呢，你看这个家伙是不是一直在那放着呢呀，对吧，我写我就像我写在写他这家位也在这放着，所以说我想希望实上什么效果呢，就是当我鼠标进来以后，我准备去改的时候，这东西你就给我消失。

怎么做呀，分析一下，那我现在要做的事就是什么呀，我得去监听什么，监听你鼠标进入到这个里面吧，进来以后代表着你是不是要去写了呀，OK，我要去监听你鼠标进入到这个框框以后，那我就把这个位置的这个值给它干掉，对吧？所以说我们要怎么做呢？大家注意鼠标进入到谁里面呢？是不是我们这个用户名里面啊，对吧，那我要写的就是啊，鼠标进来吗？啊什么呀，On month over吗？注意那个不叫鼠标进来，那个是什么呀？注意了啊，给大家去说一下，呃，如果说你看啊，现在我有一个，这是我的一个元素对吧，比如是一个div，鼠标进来，鼠标出去，就是你滑进来滑出去理解吧，而现在我们要做的是什么呀？你看吧哈，我这么做能行吗？比如说你看这是你的页面，我就鼠标就直接过来了，这样能行。

灯吗？不行对吧，这个这个不行啊，这个的话你上边一划对吧，就是产生这个事件了，这个我鼠标经过它的时候，我不一定要要去写，但是呢，我光标进来以后，代表着是不是我要去更改它了，对吧？所以说这个地方我们应该是监听它什么获取焦点，诶on focus说说message写的什么，你可注意了啊on focus等于什么呀，那我就要什么clear clear clear什么呀，Clear clear，你这个loging message吧，哎，把你的这个loging信息呢，给它清空掉，好，那么清空的时候清空谁啊，是不清空这个SPA里面的呀，对吧，那为了我们好操作的话，我也给它加个ID叫做什么呀，这个ID呢叫做就是啊login的这个SPA吧，可以吧，就叫它了哈，Login的这个SPAOK，那我们接下来我们要把这个函数呢，给人家写出来来吧，啊，这个位置我们就不用它了啊，我们先直接就在这个里面去写我们的JS代码来方式叫做。

么来着，Clear什么logging message吧，是不是他啊，对不对啊，你看一下是不是这个函数啊，OK，当我这个鼠标进来的时候呢，光获取交点以后呢，你就要去执行这个函数，而执行这个函数无非就是把它清空掉嘛，那我就要去获取这个SPA了吧，对吧，怎么获取呢？来注意那就是y SPA ele，就等于啊document讲get element by ID啊，拿到它以后呢，这里面我们要给一个idd叫什么，叫做log SPA，看到了吧，叫做login SPA，然后呢。Span ele，它里面的内容不就是in HTML吗？对吧？把值给它干掉了，那不就是一个空字符串吗？能看懂这个意思吧？哎，就是把它的这个中间的内容呢，给它设置为空字符串，那么相当于就清空了。好，接下来我们再来访问一下locking.jsp。

啊，注意了啊来的，然后呢，密码123456789，这肯定是错的哈，来登录大家注意有这个信息吧，看了啊，我光标呢，你看我在外面怎么点怎么动它都没反应，但是等我光标你看我悬停了有反应吗？没反应，但是我光标进去没了吧，哎，这样的话就什么效果又好一点了啊就是我已经知道你这个错了，我要去改了，你就不要再把错放到那了，你给我消失掉。听懂了吗？OK，就是我们借助于这个JS呢，去实现了这样的一个效果啊，OK。