00:00
那咱们昨天呢,布置了一个作业,就是咱们做这个表单验证,那表单验证这块呢,咱们来看一下吧。就这个呗。加上他连不上。连不上你先那个你你P一下呢,P一下我这个呢,能P通吗?你IP是多少。啊。幺九二点幺六八点幺五幺点多少?瑶瑶。听不懂啊。他。听说你那个水晶头是不是坏了?前面前面。
01:07
没有显示感叹号哦,显示的是感叹号啊。你这样,你你你抱着你一会过来在这插一下这个网线,插一下这个网线看看怎么样,看是不是网线一试就能试出来吗。两根网线同时坏的概率还是比较低的嘛。挨骗了吗?你家咱俩卸了谁?多久卸吗?那我感觉好像不是加拿大的问题。我感觉这个我压根就找不到你这个机器呀。
02:04
要找不到你的机器,那说明你这个。好了,那咱们接着往下看看,刚才说到这个表单验证,这个表单验证这一块呢,咱们把这个拿过来啊,拿过来之后呢,我们点右键新建一个HT号,我们写上005呗,我们叫什么叫做表单验证啊。我看你们下去做了之后呢,这个反应力怎么样啊,有难验证。这就是预习跟不预习他的一个区别,对吧,你预习的话,你就有目的听你这块怎么处理的,对吧?这块我会,这块我会,这块我会,诶这个我是怎么处理的,就是这样啊来,那这个呢,咱们先把这个一个需求呢,我们先拿过来放到那我们通过这个需求这呢,可以看出需要一个用户名,还需要一个密码跟一个确认密码,还有一个是邮箱,对吧?那接下来咱们就先画吧,把页面先画了行不行,放呗。
03:08
方,我还记得action吗?还记得是吧,好,HTB写上叫local host冒号8080端口OA杠。啊或者随便吧啊,京东save,然后method这边呢,不写的就是什么get吧,哎,按卓这块应该用POS吧,因为用密码嘛。对不对,但是我们这块是为了什么呀,是为了检测啊,所以说我这写成什么呀盖啊,但是我得我得说明一下啊,这个表单提交啊,应该使用POS。这里为了什么呢?检测啊,所以使用get,这不应该用get啊,你不写就是get啊,不写不写的就是get,来这边需要一个用户名呗,需要一个密码呗,确认密码呗,然后还有一个邮箱呗,啊邮箱,那接下来这块的话,咱们用户名那就加一个input t类型是T的,然后提交需是不是必须得加这个。
04:16
这个name需要吧,哎,然后叫username吧,然后呢,Value不用写ID,写一个ID肯定用得着。因为做表单验证我们获取这个节点吗?这个名字和这个名字一样,有没有问题,没问题,ID是不是不重,ID没重吗?ID没重啊来密码这块加个input type类型是password,然后呢,这块呢,咱们也别加password,看不出来了啊,看不出来了我们还写行不行。就是个测试嘛。啊来name蒙叫什么user pwd得了啊,然后呢,ID就叫user pwd啊都一样的,然后确认密码input type类型是也是T得了啊T了name就不加了啊,Name加了,因为它不提交,它不需要提交name就不用写,再写个ID行不行,User pw,然后再往下呢,这个邮箱的input type类型text,然后接下来加一个什么呀,Name叫email版,ID加一个email版。
05:20
是不是,然后在这呢,加一个什么input type类型是什么呀?Submit,然后呢,Value写上去叫注册呗,啊就注册的了啊,然后input type类型什么类型啊,叫reet呗,然后接下来Y6写上去叫做重置呗,好,这块呢,我们把这个给它换个行,把这个给它换个行啊把它拿过来放到这儿,放到这儿,然后放到这儿放到这儿啊这个不用放行,我们运行一下看什么样啊,估计很难看。加表格哪有那时间?你们回家就行啊。
06:02
会加不表格会加不会加,你自己加啊,自己加就行了,我这这边的业务不是主要讲table。不是,我们再把table讲一遍,不是这意思。啊。那你说我要再把table写一下,不浪费时间吗?对吧,来咱这块呢,大致的就是这样,这个错误提示信息就显示到后边就行了。后边啊,那这个位置显示的信息啊,来我们这块呢,说一说啊。在这儿将来显示信息。啊,在这显示信息呗,然后在这显示信息呗。是吧,然后如果所有的所有的表单项都合法。提,叫走。是不是,哎,如果说有一项只要是不合法,我就不能走。对吧,而且错误信息必须得显示在什么地方,错误信息得显示到后边。
07:04
这个地方用span还是div,为啥不能用div?对对对,聪明啊,Div独占行,我早就跟你说过了,如果你要用div的话,它就显示到下边了。对不对,所以说得用这个。而且这个字体什么颜色,12号是不是啊12号啊,红色12号有这个要求。那咱们一步步做呗,行,先做第一件事,先往这个后边,这个后边还有这个后边先给它埋上SPA,三个SPA。行吧,就先这么着啊,这个东西我说一下啊。你最后写完之后啊,你觉得这个东西呢,客户用起来不是很不是很好。
08:00
你可以再改,你先把功能实现了,你不可能一下写出来的东西就是符合客户要求的,明白吗?还有一些东西bug不是您一眼就能看出来的,等你最后写完之后呢,客户那边有测试,做黑盒测试的,一测说你这个地方有个啥啥啥啥问题,那到时候再改这个东西,你不能说你还一行代码没写呢,你就能把所有的事情全部预预测到,我觉得这个。很难很难啊,你对于开发多年的成员来说,它也是怎么着啊,先有个大概的轮廓,先把功能实现了,然后紧接着再去搞那些细枝末节的啊,这个地方体验不是很好啊,我们改改啊,这个地方体验不是特别好,我们改一下,但是现在我们先把功能实现了,各位啊,所以先做的第一件事呢,我是这么干啊,你们自己安排就行啊。我是这样。加一个什么。失败。
09:01
好,那这个位置呢,我们这个span将来肯定得操作这个span,所以给个ID。对不对,你这个名字就username呗,就叫username呗。对吧,你把这个拿过来,放哪一个确认密码,这一个密码,这需不需要到时候再看。对吧,邮箱这块呢。也需要一个。然后这块改改呗,这个ID就叫PWD呗。行不行,所以啊,Email email,但是你这块呢,肯定有样子吧。你这三个SPA都是有样式,有样式你就可以考虑在这加样式,加style呗,Type text CSS,再往下就是怎么写SPA对吧?嗯,你可以设置它的这个span标签中的字体颜色,Color,红色呗,对吧,Fo size 12像素。
10:16
行不行,这样。我们先随便写点东西,看是不是这回事儿。行,先这么着吧,先这么着啊。那这块呢,咱们按照这个步骤啊,来先准备好,接下来你要做的事就是验证什么。用户名。是不是,哎,咱们一项一项来啊,这小节咱们先到这儿。SPA标签死SPA标签死SPA标签加上去别加div,别加div,加div会换行啊。
我来说两句