00:00
大家好,上节课呢,我们做了呃,用户的表单的阿贾克,使用阿贾克斯来验证这个用户的微信和验证码输入是否正确,那这节课呢,我们继续做验证。把它做细点,先关掉所有的咱们一个。你比如说我们一个一个验证,其实呢,这只是给用户一个提示,咱们做的你点提交按钮照样能提交过去,我们没有拦截,所以呢,我们这节课做一下拦截。我们打开用户的注册页面,比如说。当用户提交表单的时候,Action,我们这块呃把它提交到我们想要的位置,比如注册re GIS提交到注册的这个位置,然后在sol里边提交到我们搜RL里边,把这数据写到数据库,跟插入呃数据的过程其实是呃类似的,注册表单使用呃po的方法。你比如说现在我们数据。什么也不填,我现在一点击一样是可以过去的,你看一样可以到注册的这个位置对吧。
01:04
所以我们必须给他注册验证,那怎么在注册这块做验证,那我们就需要在表单里边,当用户点击提交按钮的时候,会触发一个事件,叫做on submit。首发这个事件处罚这个世界呢,我里边调一个方法。比如说检查父母单那个啊,这也就是把这口单传进去。当我们这个方法返回。这个方法是真的时候return处才能过去,如果假我们点击按钮是无效的,比如说我们现在剪切一下bos加,那我们在这块。刷新,点击表单。是没有任何效果的,现在我再点击,那如果这块变成。处。那点击表单就能提交过去。开心的。就可以提交去,然我们还没有写这个,呃,啊,那所以我们现在需要的就是回来。
02:02
需要的就是这个方法里边返回真和假来确定我们单过不过去,那我们再写这个表单。我们打开我们的室。在这块,在这我们加一个加一个方法,比如说呃,就是我们要检查这个表表单的这个这个方法就行,呃,Check这个表单。呃,For接收一个就是表单对象。那这里边儿呢,我们需要返回的就是一个变量,真或者假,那我们先不返回,怎么先让他一个一个的去检查,因为我们前面这块已经写过这个检查项了。写过每一个的检查,那我们能不能在这块做一个循环再检查一遍呢?对吧,每一项再放在这里边可不可以呢?当然可以,那我们怎么办呢?看一下我们这么做。呃,先获取到所有的这个输入。这个表单,比如说。哦。
03:00
里边这是我们传过来的这个表单,我们获取这个表单get。By tIgEr name获取所有名字为input。或者所有名字为input的表单,但是在我们这里边,Input的表单不光是我们这表单,比如说呃单小化这也是input的表单,那在我们那个提交按钮加密也是input的标带,都是input标带,但是呢,我们怎么能获取到我们检查的哪个呢?你看。只要是我们想检查的,我们都有一个什么,都在鼠标离开的时候检查,都有一个这个属性,只要是我们表单里边加这个属性的,对吧,我们取出来,所以我们获取到这个表单之后,我们想得到里边哪个表单,我们就通过。GS获取到现在获取到所有的音的表带,那么想获取到里边的某些带什么属性呢?在呃,Olu有这个属性的。属性的才是有需要,才是需要验证的。
04:05
那我们就获取这个。然后呢,我们所有的表单,那我们只有在循环的时候才能一个一个的用,没有解块啊,用解块你可以直接就过去了,那我们直接用呃原生的GS来写,因为代码也比较简单啊。这是获取到所有音的,那我们一个一个的把它循环起来,比如说呃,获取到所有的,先把它用一个变量接受V。VR,比如说所有元素。然后呢?呃,我们循环v Li等于零,I小于ELs.LTH,然后I加加。这里边的是我们,呃,循环所有的input的表单,在循环的时候,我们就先判断,如果你先判断一下ES哎,每一个表单获取的是不是为空,所以咱先判断一下不为空的我们才要。
05:02
嗯。那不为空的,为空的,那这个我们就得怎么办呢?再查看一下,让我们这里边的els里边的I,让他看判断它里边得到它的属性,得到哪个呢?Get。At,看看我们这里边有没有这个o blu有没有带这个属性的,如果能得到带这个属性的,我们再让他去检查,直接调用哪个方法呢?这个方法,因为这个方法就是查看的过来。调用这个方法,然后将我们获取到的,如果有这个属性的。那么我们就将。这个表单的表单放进来。这样的话,我们学管每一个都都检查了,标上面那个上面那个,呃,检查项目的一个方法,来我们试一下,看到调规,当然了,我们这提交还是可以过去的啊,比如说我现在什么也不舒服,一点不错。我现在这号返回返回家先呢,你过去。
06:01
嗯,阿姨现反复讲,不然我们看不到效果。来重新一下。返回。那我们看这会有没有前面加。Re,这保存一下。心。比较好。你可以保存随便走啊。再回到我们的注册页面,再刷新一下。好,你看。只要有持续交点那个属性的,那我们这块现在都验证了。你要验证用户能够艾特你。我们注册一下,验证一下用户名不能使用,要输入验证码不一样,验证输入有误,你看验证了。但是现在我们怎么能让他验证有失败的我们就不让他过去呢。所以我在这块。
07:03
需要做一个呃标记位,然后我们一个一个的把这个标记位。比如说我们在。啊。就上面吧。做一个全体配料。默认等于帧,这是一个标记位。标记位。然后我们返回这个标。中间呢,在我们检查的时候,如果有失败的,我们就把这个标题变成假,比如说啊在这里边看一下。如果用户名等于空,那我们让这个标记为f flag等于什么?Lag等于甲。那同样。不光是在这里边验证是假,那同样比如说。用户名。怎么呢?嗯,不能使用它也是假,对吧,任何一个它都是假,比如说。
08:03
密码没空,他是假,然后确认密码。只要是不一样的地方。多的时间就可以了。然后再有。不能共是这样,这个地方也是这样。那这个时候我们只要有一个归功,就是讲你看。刷新一下,刷新一下现在不错。也没有提交过去,这是一点,但是呢,我现在你看。假如说我更改,你看我现在已经全部改了,假如我要用户名。没有问题了,密码333,确认密码333也没有问题了,验证码,比如说。U接Du。也没有问题了,现在那我点注册能不能过去呢?啊还是过不去,这是为什么?因为你在修改完每一项焦点离开之后,正确了,将它再变回帧对吧,就可以了,那比如说我们再一个一个的再改一下,比如说用户名不能为空对吧。呃,如果不为空,如果为空为假是正常的,对不对,如果用户输入了不为空了,不为空是不是到,否则这里边验证验证的时候验证唯一性对吧,唯一性验证完不行是假,但是行了是不是就变成变成真了。
09:13
对吧,就得把它变成那同样。这个地方密码不为空,但是用户又重新输一次密码为空,假如又变成不为空了,不为空,那否则这块我们再把它变成。Know。哎呀。我们要将这个变成那样。确认密码,两次密码密一致都是假,但是否则用户也输入了也不为空,两次密码也一致了,那就将它变成真,那验证码也是一样的,到这里边儿,如果验证码都没问题,对吧,那我们再将它贴上针。这样的话,我们就将所有的标记位都写了,最后我们再来看一下提交。价你看。如果全部正确提交不行,那我这边输入。
10:00
没问题,但是提交还提交过去,用户名密码这块输入111。一一交还是过不去,验证码是拦着呢,那我这块再输入,比如说他去换一下。啊。MBF。好,现在是都没问题的,都没问题,一点注册就可以过来了,这就是我们呃,整个表单的一个集体的一个验证。啊,当然了,编写的方法有很多种,不一定说就是这一种方法,这只是在前端验证,那前端验证写完了,我们现在也可以提交了,那现在我们就可以写注册了吗?当然了,你可以咱们先可以把这个注册的过程完成,但是呢,还需要有一步,就是在服务器端验证,因为用户现在可以绕过这个表单,对吧,直接他自己编写一个表单,然后去提交给服务器也是可以的。那这节课我们先讲到这里。
我来说两句