00:00
好了好了,那这样啊,我们看一下我们现在这个页面呢,就差一个就是短信验证,短信验证呢,在这里一点击发送一个验证码,向手机上发送一个验证码,对吧?发送完验证码以后呢,这个去去哪呢?去这个我们的后台,那么首先呢,我们把这个东西给他完善一下啊,那他他得呢,给他绑定一个,这个叫单机事件啊,我们看一下元素啊,不用了,在页面里边找到找到我们的页面啊,来看一下我们的验证码的位置啊,来这是不是有个链接啊,好给他写一个ID吧,叫send的。Message好吧啊code code可以吧,啊给他绑定一下这个事件,绑定事件我写到哪了,写到这里吧,这里吧,嗯,来给发送给发送发送短信验证验证绑定单机事件。找到这个元素啊,井号的这元素,点上一个click单击事件啊,然后单击的时候干什么呢?获取当前的手机号了吧,然后呢,再去验证手机号,或者这样直接看那个个一直one是否正确就可以了了。
01:15
啊,获取当前手机号,并验证是否正确,并验证是否正确对吧,如果正确以后啊,如果正确正确。正确则发送,发送阿贾克斯请求啊,请求发送。短信短信验证码,验证码听懂了吧?啊同时干什么呢?同时啊,同时这个设置当前按钮不可。按钮不能不能再次点击,再次点击击啊,比如说那个60秒吧,可以吧,60秒60秒好,首先第一。获取当前的手机号,并且验证是否正确,那么这个位置是不是有一个?诶,我看一下一日奉。
02:01
他得的情况下是吧。看一下啊。为增为增为增的时候,我们能不能把他的手机号直接给返回呢?对吗,对吗?他没真的时候把手机号返回可以。可以吗?可以吧,啊,微信的时候把手机号直接返回,没讲的时候返回可以吧。好,那么我们这边一验证是不是就可以知道他这个学号对不对了,对吧?If判断当前的is缝对吧,为真为真的情况下啊,然后呢,呃,就可以去短信验证了,如果为假那怎么办呢。好了,弹一个框,弹一框当前请请先填写填写正确的,填写正确的正确的手机号码啊,手机号码号码对吧,然后下面呢,还有一个return。
03:00
没事吧,那如果没有问题以后接下来。接下来干什么呢?发送这个。呃,发送这个阿贾克斯的请求验证啊,发送阿贾克斯请求验证。2.4的请求验证我看一下啊,到了点get括号第一个哦,我们还得写请求地址是吧?请求地址啊,那么UR路由写一个check和send send send。可以吧,反正随便写无所谓了啊。来对应的四度函数写一个啊。这里啊是给手机,给手机号码发送短信验证,然后这里呢,需要接收的一个手据号啊,等于我们的request点。get.get括号获取这个手机号啊,然后呢。嗯,还有什么呢,还有就是。
04:02
打印啊,我们把它打印出来PT print ho,好,然后呢,一个STP response,可以吧,可以吧吧啊给手机发送短信验证啊好,然后呢,这边呢,这边这个位置,这边这个位置那就可以写这个地址了哈,发括号百分号。URL空格写我们当前的那个地址来看一下。地址过来对吧,好,然后呢,接下来是不是还有传递那个叫参数phone冒号PH就可以了吧,对吧,然后function回调函数以及。返回的结果这个位置呢,写一个date对吧,好发送短信验证证啊,短信验证接我看一下啊。嗯,我们先假装返好吧,假装放如果没有问题的话,这这个地方呢,应该返回那个叫Json Json response啊,然后呢,如果他正确的话啊,扣的返回的是零。
05:04
知道为什么用扣的返回用就是正确返回零吗?不是,就为什么用零,为什么不用一来表示正确。不是因为为,因为成功只有一种状态,错误可能有很多种。明白了吧,成功只有一种状态,就是成功了对吧?错误有可能很多,你号码不对了呀,请求失败了呀等等,是不是有可能有很多啊,包括各种各样的,所以零只有一个,但其他的数有很多,明白明白吧,所以在一般返回的时候,成功的时候,我们都是返回这个零,明白了吧?啊message啊message短信已经短信已经发送。啊,短信验证码验证码验证码已经发送,请查收请查收就可以了了,诶查收收可以吧,反正现在就写了这个是假的好吧,啊假的我们只是来验证一下啊好,那么他这里呢,去判断判断当前,判断当前的验证码,当前的验证码验证。
06:00
验证码是否?验证码是否发送,发送成功对不对,但是实际上呢,是这样的,不管成功还是失败,我们应该直接就给你限制60秒。懂我意思吧?能链对吧,直接限制60秒,你不能说发出去以后再去限制,限制他60秒,听懂了吧?啊这里啊,直接就限制60秒,呃,当前的那个A链接不再点击,那就是刀了。井号的的扣扣的点上一个写上一个什么。不能点击,对,就是判断它有没有点击是吧,Where is click等于false false是吧,然后点击完以后把它改成处是这意思吧,啊等于TE对吧,然后同时在这个地方呢。在这个地方呢,呃点儿。我看啊。等于处了之后。
07:01
出我是不是得判断他当前是不是能触发呀。这里是吧。看一下啊,验证它是否是验证是否验证啊,判断是否。是否可以?触发单击触发单击事件,那这里呢,就是if判断if if判断判断这个叫诶又判断这个叫if是吧,如果它为。False。如果放手就可以进行。操作对吧,如果他为真是不是就不能再点了,所以这个位置直接就可以了。看到了吗?对吗?然后这边呢,改成处对吧,然后60秒的话,你是不是还得写一个定器,然后再给他改回来他。Time out。然后一个。
08:03
我写错了。它是个函数对吧?对,这么写60秒的话,这个地方是多少。六千六千对吧,六千六十秒对吧,然后is哦对六千六秒啊对is click等于等于false FA SE,同时呢,我还得把它那个按钮啊给它给它设置成那个叫什么,设置个样式,设置样式。是这个样式。背景换成灰色的吗?背景换成灰色的的啊,背景换成灰色的,那这个位置就是Dollar this,点括号backgroundg n。灰色的怎么?CC,然后这个呢,是设置成那个。他他原本是什么。G re,是灰色是吗?是吗?就啊GY是吗?我那意思就是它取消以后,它是可以变成可发动的状态,变成绿色行吧,Green g反正很丑,丑能丑对同时呢,这个位置是不是应该让他做一个读秒啊读秒读秒的话,读秒怎么做呢?
09:17
读秒的话我看一下啊。读秒这个位置设置了一个到点。Tax。这个原本是什么内容,原本是啥?原本是发送手机短信验证是吧吧。发送手机短信验证,然后这个位置呢,设置一个括号100,呃60秒是吧,60,然后接下来呢,开始让他减就行了。数字怎么?啊,每秒讲一个,我靠,那还得启动一个单词定词是吧?啊多次定词set括号。
10:02
再写我好麻烦。怪不得我不愿意干前端,不适合我这个射手。是吧,来这个time等于60行吧,等于60,然后呢,60以后呢,开始往下减。往下减复制。放到这里。每秒钟减一次对吧,每秒钟就是time减一减一对吧,减一,然后把这个time的值放到这个位置号。两个加号放到这里对吗?可以吧,嗯,然后等到这个叫什么单次定式以后,把它清除掉。清除掉,清除掉呢,并且要把这个代码改回来,我操。超忙吗?去,还得把掉。来这里清除定,叫cin把这个放进去清除定,对吧吧,对吧。
11:08
啊,然后我们同时呢,这里log打印一下。国际上应该没错啊,来测一下吧,刷新。手机号码写一个,然后密码写一个。确认密码呀,密码123123456123456对吧,点击发送已发送说变成灰色了啊呀,没到计时是吧?对,然后报错了,看到吗?那里报错了啊对。爆了十个错误了都。Create documents。Time减一,Time放到这儿。哦,是不是这个元素的事,放这这里边用有问题吧。
12:05
因为你当前不在那个哪里了。太是温度对象的方法,应该是window的问题。来手机号写一下。可以了吧,对,然后发送短信验证证已发送对吧?啊,然后这边诶还不减啊,但那他那个叫什么的,是他那个自体自体设置的原因,我们写的是60还能有错吗。对,他设置了一次,然后接下来启动一个电器,电器以后每次减一,减完一以后把它放到这里边诶。对呀,我感觉跟没动似的。空台打一下时间,看一下运行。发错了。怎么都是60没减,哎呀呀,没负值对吧,光减一了没负值,哎,他奶奶个腿。
13:01
来走走。发送。再点再点也不好使,对吧。对吧,这点也不扫,是这意思吧,啊不卡卡,这点也不扫。对吧,那为里边做了做了检测和判断了嘛,对吧,做了检测方断好,那这个时候短信就发出去了是吧?短信发出去以后,短信发出去以后啊,我们看一下这边有没有接收到呢?接收到了是不是接收到了啊接收到以后,我们剩下的下一步就是去验证码看一下对不对了。你说吧,呃,验证码短信的验证,我看短信验证码到时候在哪里检测。在这里检测。这样我们让那验证码给他返回来行吗?返回来其实不太安全,知道吧,验证码,你你要返回验证码的话,那如果谁谁知道的话,那就那什么了。
14:06
那就直接把把你的页面就能知道,说你把验证码返回来了,他随便写个号就能注册。那我们肯定到时候还是得要能能能能能在直接前台看到验证码,行了行了,不管他了,嗯,不行,到时候验证码我们就发到后台去验证去吧,好吧,就是随着表单提交走,然后到后台去验证,去验证那个验证码。可以吗?还是在这样能写的对不对?你们快点定又出现分歧了,你看这事就他妈不能民主。就不能民主,那么总有那么的好几个声音是吧,怎么民主,嗯,好了,那一会我们到那个哪里吧,到前面来验证可以吧吧,到前面那种,然后这样的话呢,我们在这里假设返回一个验证码的纸可以吧。可以吧,假设返回一个叫做1234456,可以吧,假356返回一个值,这个值是不是随着你的2.x就返回到,返回到哪里,返回到这个位置对吧,对不对们好把这个值呢放到我们的一个全局变量当中啊YV啊V的CC等于我们的。
15:12
那个false一开始等于false好吧,然后呢,等到阿克的内容返回以后,在这里面date中括号里边的这个叫什么呢?啊不对,叫code,这个值就负值。复制给刚才那个V扣的v Co等于它可以吧,这样的话,每次你这个值是不是就那个二点克,只要返回以后,这个值是不是就发生了改变了了。对不对,好下面呢是验证,验证那个叫什么输入的,输入的短信验证。短信验证码是否正确啊,那怎么验证呢?我不知道大家有没有见过,就这位置他写一个就验证一次,写一个验证一次对吧。是不是呢?就是我们给他绑定一个叫垂直事件,当它发生改变的时候,当它的值发生改变的时候,就出发,就验证验证,验证验证,直到正确以后,这个位置把这个框变成绿色的,不正确就变成红色的的,懂我的意思吧,啊那怎么办呢?在这里边给他绑定一个啊,绑定一个验证码的这个位置啊,给他绑定一个咱们的。
16:12
事件,那这个位置内等于name内等于v c Co好看一下页面啊,怎么写啊,在这里也找到到了input input中括号这个叫name等于v code这个元素对吧?然后点上一个叫CHNG,当它的值发生改变的时候,就触发这个函数,然后呢,每一次获取它的值到z.V。括号对不对,然后呢,拿这个值和谁呀,和我们当前的那个叫。验证码的值做验证,等等于我们的v code code,那么这个时候怎么呢,就是成功了,成功了以后呢,我们把Dollar this的边框给它改上,叫border。
17:00
逗号EPXSO。啊,录录可以吧,啊,如果错误,如果错误那就是20括号号。多了一个啊括号怎么办呢?给它改成可以吗?Red对吧?嗯,好了,这样的话就验证他写的对还是不对,对能了解我啥意思吧,啊来看一下啊,刷新刷新一下啊对,来写一个手机号啊,随便写随便写,然后返回的验证码肯定是假的哈,那验证码也是假的,要我还得在这里去看验证码。我打印出来吧,行吗?就发送那个阿贾克斯以后哈,发送阿贾克斯以后,我把这个验证码也打印出来啊。对,要不然写的也不知道对不对。我不打印了吗?打印了。啊,这个谁别打印了,这个这个叫什么来。我刚才打印谁打印这个time时间不用管他了,二点克斯,我怎么感觉请求没回来呢?
18:03
刷新。刷新发送。没打印你看到了吗?后台有两个扣的是啥意思?他没回来,是。这个打印的结果没成功。是哪里报送吗?先停一下,停一下有点卡了,不知道哪里有问题啊,发送到我看send的缝,然后发送到我们的send的缝这个位置置接收一下,然后呢,Print打印出来,并且把这个Jason response给返回。哦,扣的这个位置穿俩吧,哦,那这个叫扣的行吧吧的,然后我们呢,这个位置也叫扣的,或者给汤汤。但不应该啊,那也不能出现这个问题啊。重启一下啊,看看好不好扫扫。刷新。
19:00
手机号写一个啊,然后发送。回来了吧,哦,那就是这个问题是吧,12356反回的值是不是123566,哎呀,我傻了,我还看我写的就12356是吧,123456。不对呀呀,他我应该是每次输入的时候,它应该就检测呀。123456。诶。对呀,对呀。你要让他写完以后检测吗?来,好像哪里有问题啊,按我逻辑,好像事件并没有出发。的事件并没有出发,我感觉是,哎,为什么这边肯log反应一下。等一下我看看啊,是不是每次都出发了。诶,没有看到吗?是不是还是在那个叫什么上次点的一瞬间才出发。车的时间不好使。
20:01
Change事件不好耍。是吧,是吧。FOU。没有E。是我忘了咋写的,忘了忘了不对,Fo is not,不对,就是那个叫什么出发交点,FOCUS。但他只在触发教练的时候触发了一次。不行不行不行,上次交点B到U行吗?那也行,那也行。啊,B是吧,那那就那就行吧,啊,然后上面位再加一个is可以吧,Is cold。默认等于false,等你写对了以后,等你写对了以后改成错等于TE t rue对吧,然后错了以后还是false,这样的话呢,我们再对应的那个叫什么呢?表单的这个单的这个这个这个方法里边,然后同时再检测一下这个验证码也正确就完事了事了。
21:21
对吧,一直没扣的可以吧,啊来测试一下啊刷新。这里写个手机号,然后写个密码123456,密码123456,验证码可以发。123点击注册我操过去了,我写反了啊好,这写满了。对吧,我说的包来刷新。手机号密码123456,密码123456,然后1233。哦,还得先发送送对,点击注册报吧,报对123456,点击注册了对吧,可以了吧,嗯。
22:07
哎,它怎么跟别的颜色不一样,好了,这个基本上搞定了是吧,剩下的就是差这一步了,就是如何把短信发出去,并且验证码弄过来。对吧,嗯,好了这样。
我来说两句