00:00
那行了,那么接下来咱们看看这个字符串里边有没有tri,有没有trim去除强化空白的这样的方法行不行?来啊。因为我们接下来要做表单验证了,做表单验证一般是从表单里边取出那个用户名之后,要把用户名前后的空白给他去掉,去除前后空白,我们看有没有这样的方法啊,来004就是我们去除什么。字符串的什么前后空白,你们你们知知不道有知不知道有这么一个东西叫哦,那个那个那个那个Java里边好像也有是吧?啊,Java也有这个啊来一会看看啊来input type类型是text,然后呢,ID是user nameme加上去,在这个位置上我们加上去一个input type类型是button,然后value呢,我们就要获取用户名,行吧,然后这个ID还是给个button,那页面加载完毕之后呢,我们在这里写window.onload呗,是吧,我们执行这个回调函数,这入回调函数呢,我们要干什么呀?给这个按钮绑定鼠标单击,那就是document.get element by ID呢,其实就是它点怎么样on click等于什么function是吧?好,那我们要在这个里面干什么呀?
01:24
当我们鼠标单击这个。按钮的时候,我们要获取这个用户名,并且去除前后空白吧,来获取用户名,怎么获取啊,这个应该很简单,用户名user name等于document.get element by ID呢,其实就是这个username拿过来直接后边点value就行了,去除强空白是username,点去除强空白返回一个新的一个name,是这意思吧,诶,这。能看懂吗?这不user在name吗?去除前后空白,这不去除前后空白吗?来叫去除前后空白。接下来我们测试一下前后不买怎么怎么测at加一个箭头,再加一个user name再加一个反箭头。
02:17
这有有的内蒙就是他呗,嗯嗯,我们运行一下啊,谷歌的。谷歌的啊,谷歌看好了啊,谷歌这边呢,加一个空格空格空格空格,哎,这是不是有空格哎,空格ABCDF空格空格空格空格加了很多啊,就是这个来获取。去了吗?去了是吧,好,我们看一下啊,看一下火狐。空格空格空格ABC空格空格空格好这是这一堆啊,点一下没问题吧,没问题啊,来我们运行一下,看一下这个IE。A这块AABC前面空格空格加上啊,后面空格空格加上,好这一堆吧,这一堆啊。
03:08
就这一堆啊,走。效果没出来,效果没出来可以是吧,可以来我来看看这个版本是多少啊。11、有没有低版本的IE?在座的各位有没有IE8的?帮个忙来,有没有IE8的?不,你看看呀,你别光在那儿是吧。能看一下各位啊,你看一下,你看一下我来说一下IE8不行啊,IE8这个这个一执行就就报错,没有tri。没有dream。十是吧。你那个是十吗?有没有低于11的,就有低于11的,你就跟我说一声。
04:04
需要下了。就打开浏览器,这不有个帮助吗?可以看看。你们那个啥也没有,就在这个上面点右键有个有个菜单栏嘛。这样吧,这样吧,来别别别找了别找了,来这样啊这样同学们咱们从网上搜一下行吧,因为以前我们在我们在讲这块内容的时候,我们有一些老版本的什么。低版本的IE懂什么意思吧?来我们找找啊。我们从网上搜一下怎么搜低版本的IE不支持什么。看这看见了吗?这块呢,咱们测不出来的原因是什么呢?因为我这个IE的版本啊比较高,IE版本比较高,它解决了这个问题了啊,但是低版本的IE浏览器它还是不行的啊,低一版本IE不支持trim方法对不对啊,不支持方法大家看我正要讲的就是这个。
05:19
我正要讲的就是这个啊。Ae以下不能用trim函数解决办法,你看是不是都有解决办法呀,哎,同学们,假如说啊装装作啊装作现在IE不能用啊,不能用好,那现在你告诉我,我也想用一个trim通用的trim应该怎么做?这个测试效果不好啊,因为我这个浏览器现在支持I支持的。就听清楚,我在这注释先注释掉啊,咱们再把这个写了,就这块怎么说呢,就说ied版本的啊,第版本的IE浏览器不支持trim函数,不支持字符串的trim函数怎么办?我现在讲这个解决方法行吧,怎么怎么解决呢?诶可以自己对谁string类扩展一个全新的什么函数,懂懂什么意思吗?来string点什么学过啊叫什么pro点什么,哎能能看懂吧,等于怎么着把这个方法怎么着重写了,那你说我这个地方tri写了啊叫什么,这是扩展之后的tri吧,是不是方法好,我把这个代码放开,我问大家一个问题,现在我这几个流。
06:48
短机在打开的时候,我这个地方调username,它的它会走谁。会不会走,我这个来试试就知道了,来谷歌的先看谷歌的,谷歌的我点一下。
07:02
看见了吗?来,再看一下火狐的点一下。是不是好,我们再去用一下这个叫什么IE的IE的啊,IE打开,然后点一下你看。也就是说各位,现在我只要在这个位置给他扩展一个trim函数之后,后期以后再调的所有的tri是不是都会走,我写的这个tri就不会走到以前这个tri了。好,那我们现在在这里要干什么,做一件什么事?各位在这里我们要去除当前字符串的前后什么空白,好,那请告诉我这里有个this,这个this是谁?Username去调这个tri的话,这个this指的就是谁username,所以这个this是什么?在当前的方法中的this代表的就是当前什么字符串,对吧?好,那this去除强空白有没有replace这个方法?Replace还记得吗?替换吧,把什么前空白替换成什么空字串?
08:12
这能看懂吗?这个替换完之后,我问你是不是继续往后调replace,然后这个方法可以把后空白再替换成它,这样的话前后空白是不是去掉了,最后我们的trim函数执行结束之后有没有返回值?字符串调tri是不是有返回值,所以这个是不是得分啊。诶,能看懂吧,好,接下来前空白正则怎么写俩斜杠。前空白是不是杠S加。你刚背过啊,杠S是空白符,加号代表一到多个空白符,这个符号表示字符串什么开始对不对?后空白怎么办?杠S加是不是空白了?
09:15
对吧,好,那我们再进行测试,各位啊,我们再运行用一下谷歌,谷歌这边呢,空格空格ABC空格空格,哎,这是一个空格走一个。看见了吧,来我们在运行firefox firefox这边空格空格空格ABC空格空格空格好这一。对吧,我们再换个浏览器运行,运行这个IE浏览器,IE浏览器运行起来,来我们这块呢,我们加上空格空格空格ABC空格空格空格好这对点一下。也就是说我们现在啊。这种后期扩展的trim函数。也能用。我们以前都这么干的啊,就是IE不支持,你懂吧。IE支持,我们就这么干的。
10:03
就以前我们开发写代码说,就是如果去除字符串前后空白不管用的话,IE上不支持的话,我们自己写个tri,自己写的这个tri,这三个浏览器都支持。这样的话就解决了浏览器的什么兼容问题啊兼容问题,但现在呢,这个问题就不用考虑了,为啥呀,因为这个都兼容了,都没问题了,那雨桐老师那你讲他还干啥呀,注意注意,重点是为了讲这个。对,你得懂这个啊,你别在这想啊,杜老师这个东西已经解决这个问题了,为啥这还现在我们还这么写,多low啊,是这个以后咱们不写了对不对?但是你得知道prototype这个东西很强大,它可以动态的给这个类型扩展方法,甚至你以前这个类里边有的方法,我再进行扩展的话,可以把以前那个方法怎么着覆盖掉,也就是说你可以重写那些牛人写的代码。
11:03
对吧,那些牛人写的这个方法,你觉得他不好是吧,你可以给他扩展一下。扩展一下啊,有这方面啊,有这方面对那行了,那这样的话,咱们等于把这个今天等于是讲到哪了,我看看啊,讲到咱们这个正则表达式这块。表单验证没讲你不不不了啊,你呀,你做一下。你今天啊,把这个表单验证先,今天晚上他做一下,你要能做出来这个今天整个一天东西都不用回顾了啊,你做这一个例子就行。有这个要求,用户名不在用户,用户名必须在六到14之间,用户名只能由数字和字母组成,需不需要正则需要吧,密码确认,密码必须一致,邮箱地址合法。
12:03
第五个要求是统一,失去焦点是验证,我们之前的验证都是点按钮吧,点这个按钮是不是验证不行,我们一般情况就是用户写一个验一个离开就验,你看人家这个是不是离开就验,离开就验,离开就验证,明白吧,不是说你点一个按钮再验证,不是这样。是吧?错误提示信息统一在SPA标签中显示,并且要求字体12号红色字体。文本框再次获得焦点后清空错误提示信息。如果文本框中数据不合法,要求清空文本框的value。最终表单中所有项均合法方可提交,记住表单项只要有一项是不合法的,您最后点这个注册的时候就不能走,你得拦住,如果所有的表单项都是合法的,点这个注册的时候才提交数据。走的亮的。那么这个里边有什么,各位有用户名,还有啥有密码,还有啥确认密码,还有什么邮箱几个文本框,四个文本框啊四个框用户名密码,确认密码和邮箱地址。
13:10
你你你这样,你吃完饭回来马上写这个,对,你出去吃饭马上回来写这个,别别停了,回来马上写这个,把这个给写出来,把这个写出来。我还是那句话,您这个要是独立能把它写出来,您今天的东西都不用回顾啊。
我来说两句