00:00
好,那下面我们要去做的另外一个功能,也就刚才我们是不是可以收集数据了啊,我输入一个ABC,输入一个123,我点它一下是不是就可以得到结果了,那下面一个问题就是我们要对我们的表单输入数据进行实时的什么验证,这个验证的时机有两个时机,有两个时机说一下,一个是输入的过程中对进验证,一个是我点登录的时候是不是要对整个进行验证。好来这个时候要要验证,首先你得知道啊,我们这个验证需要验证一个什么效果,是不是这个要求。好,那我们就来看一看他是怎么做的,刚才其实我们已经看到了,要验证它这个地方是不是要指定一些验证的什么规则,是吧,那这个怎么配呢?不用自己不用自己去背啊,记住啊,我们得去看一下它这个地方,大家看一下这个配置对象啊,什么叫配置对象。
01:07
说过吗?什和什么样的对象成为配置对象,这个一定要知道,有大家以后会看到很多配置对象。就是属性名,是特定的一些名称。这个对象就成为配音对象。不懂,那我们的这一个get fairor里面到底配置里面能写哪些选项,我怎么知道呢?是不是去找这一个的文档,因为这个例子里面肯定不会写全,对不对,不一定写全了,所以我需要是不是去搜索相关的啊,那个语法的文档说明是不是他说这个键下方的详细描述,那我是不是划到下面去看它相关的一些选项吧。
02:04
这能听懂不啊,这里面你看首先传ID就是标识名称也是user name password,听懂了吧?而这一个options经常用来代表什么呢?选项对象就包含很多选项的一个对象。那每一个属性就成为一个什么option option什么意思选项。那选项到底有哪些可以去可以去配的呢?哎,这个地方是不是就在说我的options里面能写哪些东西,其中一个东西就什么rules什么意思,是不是规则的速度,因为我一次是不是要指定多个规则。那它里面到底怎么写,我哪知道呢?是不是可以去看,它是一个对象数,是个对象的速度,看到了吧,那下面就是去看啊。这里面这些校验的规则,有了这些规则,再依据于我们前面那个前面那个例子。
03:05
你就基本上能写出来了。啊,这个稍微要翻一下啊,翻远一点,因为在上面一些。来看到它这个里面不是喘,我把它先拿过来,不管怎么弄,拿过来先瞧一瞧。嗯。也就是说我这个的值是个什么。是个数组吧,数组里面是不是传很多对象,每一个对象是不是对某一个规则的检查,比如说第一个,首先我们是要求它并行输入吧,那接着如果他没输入提示一个什么呢?是不是提示?呃,什么用户名必须什么输入听懂不?那后面还能写什么呢?那你就看你最终是不是有这样一些A,我得复制一下那个要求,是不是这一些要求。得看着,要就写吧。
04:02
能听懂不能好了,来。我这么写的好像还不行,因为它是在那个,呃,得来个什么大括号,因为这里面JS是吧,JS是首先是不是写在大括号里面,好,这个第一个搞好了,那第二个必须大于四。那用哪个位置呢?这个时候是不是得去什么去看,那证明我直接找到一个规则的位置啊,大家看看啊,这个地方有mark是什么东西,去大长度,那是不是在说啊这个时候。我觉得应该就这么写。马克斯维奇。我我不是应该用幂是吧?啊最小值是多少四呃,Max,为什么12是不啊马啊。
05:00
这能听到不能听到好,那这里message写什么呢?说用户名,嗯,至少什么四位,大概这个意思吧,好,下面这一个呢,啊,用户名最多最多是吧,最多啊多少位12位,你就你不能超过这个位数是不是好,还有下面这一个应该用个什么规则。是用的正则规则,正则规则这里面有个什么。这里面不写的正则验证吗?那我是不是应该再来一个,是不写一个,它这里面传的应该是个正则对象吧,那正则对象这个怎么写呢?来以什么开头,是不是以什么开头是吧,还有什么以什么结尾,中间写东西吧。这个能不能懂,能懂好,那以什么开头呢?这个地方啊,怎么开头,是不是这里面有很多的情况,英文数字和下划线,好这个时候我写一个啊,看大家懂不懂啊,小A到小Z。
06:11
大A到什么呢?大Z0到几九,还有一个下划线。这里面我的位数是任意多位,我就来一个什么呢加号。能听到不?这个这一个只能匹配一个字符,听懂了不?有了这个加号就能匹配任意多个字符了吧。但是每个字符是不是都有这个要求?就是以他们开头,以他们结尾是吧。看不看懂,看懂好这个地方就是说啊用户名。必须是什么呢?啊,把这个拿下拿进来吧。是不是写好了,那现在只是我们需要去验证一下,看这种方式它行不行,是不是啊行不行,现在下面就验证了。
07:06
来啊,刷新一下啊,确保一下来,首先。是不是用户名至少四位,我把这个A13。用名是什么?必须的写写写写,有了吗?有了好多写点。是不是超过了各位是不是可以啊,可以啊,没问题啊,是不是。还有一个东西,还有一个处理,我假设加一空格呢。大家看我让他加空格行吗?不行,其实这里面空格主要是现在为什么有提示是因为。啊,我其实加空格,我应该让他提示什么呢,就让它提示你必须输入。听懂不?这个地方有一个搞法啊,我说一下吧,说一下啊,这个地方大家看一下,它有一个验证规则啊,叫。
08:02
Space啊,也就是说我写一下啊,还写在这里面写个true,说白了你输了那个空格写美书。听懂了吧,那没出是不是就马上就会提示啊,来看一下就知道了啊,大家看一下。看下效果你就知道了,我输入一个空格啊,是不是用户名币输入。但后面他把他他这些条件,他是不是这些错误都都触发来啊,错罚就处罚没关系啊,能看懂不啊,当然你也可以说空格允允许也行,得看你实际情况吧。当然,一般空格是不允许的是不是?这个能不能懂,能懂啊好,那这样的话,这种验证的方式有一个统一的名称。叫声明式验证,比如说我亲自去做验证呢。
09:00
我是不是使用别人定义好的验证规则进行验证,直接使用,嗯,别人定义好的。有个概念叫什么验证的什么规则进行验证,我只要说哎,我是必须的,我的最小长了多少,我去做验证了吗?我去判断它的认识吗?O没有去写对不对,你说老师谁写的呀,那不就是这个这个库写的吗?这个组件里面的这个form对象是不是有强大的功能呢?啊,就这么个事,他会帮我们去验证,叫生命是验证,能听到吧,嗯,好。
我来说两句