00:00
我们已经讲了这个正确表达式,那现在咱们回过头来看看这个刚刚那个校验的代码,咱们是不是就差不多了,好,那现在这里面还有什么问题呢?再来看一下哈。就硬。提示整个流程是不是都有了,哪里有问题呢?就是这个提示有问题。你见过哪个网站是这么提示的没有哈,那咱们来看看网上都是怎么提示的,一般情况下呢,他们是这么做的,在后面给你来一个,诶给你来个内容。好说用户名不合法,然后呢,让这个颜色变成红色。好,类似这种情况,你们稍微看一下是这个情况吧,那么我们来看到这种效果,他怎么样操作。那现在首先大家想想,这里面一开始是不是没有文字里啊,那咱们现在是不是要把这个题的信息放到这个span标签里面去啊。
01:09
那么又回到我们刚刚说那句话了。当你要操作一个标签的时候怎么办?是不是先得到这个标签,那怎么办呢?怎么得到啊,咱们是不是只学了一个方法呀,这个方法是不是通过ID得到,所以你要给它加上ID。啊。到我们这里来。一下叫做document get element。好。OBC,然后这是个什么呢?我们来看一下。好,先看看哈,来我们刷新,我们点击这是一个SP标准对象,看见吧,它这个SP标准对象完了以后呢,得到它以后我们要干啥?咱们是不是想要操作它的起始标签和结束标签里的内容啊,那么怎么得到这个信息呢?我们在刚刚讲模拟的时候,咱们说了有个音呢,HTM们还记得吗?它表示起止标签和结数标签里的内容,那现在呢,我们来看一下它,它是不是真的可以啊,点an呢HTM。
02:27
的就是标签标签的。表示起始标签和结束。标签中文的内容,好,那咱们来看看哈,现在我的面加点内容1234,看能不能得到。是不是可以啊,那么大家记住这个属性。记住啊。复制粘贴这个属性可读可写,你知道啥意思吗?对,可以腐蚀啊,比如说咱们浮点内容。
03:10
国歌真可爱是吧?看行不行啊,那咱们刷新一下腐蚀会出现什么情况呢?是不是改过来了?哎,如果说赋值就可以改过来,那你想想我们这个合法不合法,是不是只要对它进行赋值就会有提示了,简单的嘛,把这个拿过来放到里面,这个呢,让他退休这里变成用户名合法。哎,而下面这个。退休这个什么是不是用户名不合法呀。一开始的时候是不应该有内容啊,好了,完事。验证这个不合法了,168这合法了,点击看见吧,OK,这是一种网上非常常见的一个验证提示效果,那还有另一种是什么样。
04:04
就是合法的时候在后面给你打个勾,不合法给你打个叉,你见过那种情况吗?那我们看看怎么做,那这个效果呢,需要两个图片啊,一个是打勾的图片,一个是打叉的图片,所以呢,我们要先把这两张图片呢,先复制进来,放到咱们的工程里面来。粘贴进来了对吧,然后这个图片在哪,是不是在后面的替代这个文字是吧,所以我们把它就放到这里面,这个位置你要显示图片走外image吧,然后right先显示看看。嗯。刷新啊,太大了是吧,来稍微改一改啊,哎,宽度这个是12,高度12差不多吧,我也不知道多少啊。还行是吧,你可以稍微大一点啊,稍微大一点啊嗯,18是吧,没事,随便加了,随便改改就行了啊无所谓啊来咱们刷新一下可以了吧,啊大一点也无所谓了啊来那如果是错误的话,是不是只要把那个图片换掉就行了。
05:17
对吧,就那么回事了嘛,没有什么复杂的了呀,嘿。这就是错误的图片,看见了吧?好,那现在怎么办?这个图片是不是还放在这个span里面,也就是我错误的时候,我是不是应该把这个内容变成不合法的,对吧?把它放到这里面来,能听懂啥意思吗?放进来牛逼是吧?那如果是上面这个呢?合法呢,把它做掉,我是不是应该换成那个right的图片?看见了吧,就完事了,哎,知道这个啥意思吗?
06:04
转一吧,好,那我不多讲了啊,来咱们刷新一下,现在这个不合法是不是打叉,然后168合法了,长度也满足了打勾啊,这是网上非常常见的两种用户提示的效果啊。
我来说两句