00:05
来我们来把下面的这这结构基本上先搞出来,搞出来以后我们做一个简单的表格验证看看啊,这里面都因为这里面这个星号这个这个红色的代表什么呢?你这个输入项必须什么输入。它是自动出来的,怎么样怎么样出来啊好,我把下面这几个也搞一搞啊,把下面这几个搞一个大概样子出来。下面这个是商品是吗?分类吧,这个得用开的,这个暂时先先我们这样做啊,这里面就先搞个商品租赁。就先表意一下,放在这里。好,再来一个,应该说还有两个。一个是商品图片,一个什么商品详情,这是商品图片的。
01:05
还有商品详情呢。好,最后有还有一个就是那个什么呢。八。来个什么八痕,疤痕这个地方呢,是一个提交是吧。好了,那这里面来一个什么呢?太保等于什么?啊,现在我们这这几个都是比较,因为这几个稍微比较麻烦。我们先来实现一下对上面这些数据的一个表验证。啊,还记得要表现验证,要收集数据啊,是不是需要包装一下我的这个组件呢?嗯,不知道还记不记得怎么弄啊,需要用哪个你用哪,谁来帮我报啊。
02:04
什么create update?这一包就让我的这个组件能看到哪个对象呢?小写form对象是吧,小写form对象,而form对象里面是不是有很多方法功能啊,那我可以去干嘛呢?去取出它来。来取一下啊,This点。有一个方法叫get。啊,第一个。大概好像,但是这个不保险呢,嗯,看一下吧。
03:04
这个里面应该就有吧。好像还写对了吧?啊。没有吧,没问题,好,接着我们这里每一个是不是都要用它来包一下呀?啊包的语法这么写的。来这一个是高阶函数对不对,高阶函数调用好,接着这个地方第二个函数用是不是才传的这个音谱的。哎,这个时候啊,这个其实如果简单的话,直接就可以写在这上面都可以。能听懂吧,好,这个来看好了。这个里面传什么?有两个参数可以传吧。哪两个参数。第一个是名字对吧,这一个实际上收集的是商品的名称吧,这个名字不要随便瞎写,为什么呢?因为最后我是不是要生成一个对象来保存。
04:04
而product对象它的那个属性商品名称,那个属性名是什么特定的一个名字,对不对,你要用别人名字,到时候就特别费劲,我记得没错了,这个地方。简单是一个什么呢,内。啊。来。嗯。台。来看好了。这我就不去看了啊,等会再来看吧,在后面穿什么配置对象嘛。能听到吧,传的这个配对呀,配什么呢。哎,这个有点问题啊,这个语法就有点不对啊,因为我们没有放在一个大号里面。就我们不是要解GS吗?对,整体放在一个什么大炮里面。听懂吧,好来配置一下有一个。
05:06
什么啊,我先写工转可以吧,我先写工作啊好。来接着啊,接着还有什么。重点是下一个。啊,Rules什么意思?验证规则的数组对吧?它是个数组,每一个元素这个对项代表一个验证规则,那我们现在是不是说明我们呢,想说明我的这个商品名称是必须输入的,还记得有什么来着,当然你可以去,咱们可以直接去看的,听懂不?其实完全可以不用背的啊,来一个数,这说明什么,必须的那message。是不是错误提示信息啊,啊说必须输入啊,商品名称或者商品名称是必须输入的。
06:00
有没有看到?那能看到之后,那我们就可以直接就可以看出来。嗯。是不是那格式写的问题是吧。没什么是自动的,多了这样一个信号啊。就标明我的这个输入框是什么,一输入可以没问题,但是我一不输入了。是不是有提示?能看到吧,而且还要说一个事情啊,如果我点提交按钮,它应该不去提交,而是提示我这里有问题是吧。现在是这样的吗?不是啊,那这个怎么说呢,那首先。我得去加一个什么。啊啊,当这里面啊,这里面几种做法,一种直接在这里加click,你就不用就不用整表,它表达就不会自动提交啊这个东西你先这也行。当然,你在这里面可以form上面写个什么on some是不是也可以?
07:04
如果是生me的话,就问你,你必须阻止事件的什么默认行为?对不?如果我没有用安康密,而仅仅是用一个什么安克的话,你来看一下他会不会提交表单,他不会。这能听懂吧,啊,两种方式都用一下,因为前面我们用的是some。Z是念什么上可?可以吧,可以,那我这个地方是不是就要第一个密对吧。箭头函数来空格一下。这不就是我点击的回调函数吗?是吧,好在点击回调函数里面大家可以看一下,我现在加了点击。夜里有洞吗?没有说明他没有提交表白,听懂不,没有提交表单,好来下面我在这里面我们是不是要进行是吧,整体的进行是表达验证是吧,如果通过了。
08:13
才干嘛发送是不是请求。听到不好,来,我们来做一下啊,做一下咱们通过谁来验证了this pro还是这个强大的父母对象吧,它有一个方法。像。Fields是吧?会进行表面验证码,检查所有需要检查的字段。记得来一个回调函数。回调函数的参数呢,有两个前面大写过啊,你们去看了,第一个是error,第二个是所有收集的数据。能不能?那我怎么知道有没有错呢?E如果I若什么没有值。
09:03
是说明什么,是不是验证通过了,那我此时才合适啊,现在我不真正发请求啊,我只是来去提示吧。任总吧啊,我也别康给弄了,我就直接勒得了好吧?A lot什么呢?嗯,提交就是发送,发送加请求吧,但这个里面是不是收集的包含所有数据的一个对象,这个我就不去看了,咱跟前面是一模一样的啊来我们来看一下它能不能验证。也就是说,我点他走你。还有提交吧,没有提交吧,接着我输入一个在手里有没有提交。有,而且我是可以得到这个数据的吧。这个比较简单。没问题,是不是没问题,下面一个类似的,是不是上面描述是一样的呀。商品描述是一个意思呀,大家看好了,我们整个结构拿过来。
10:07
拿到这里来是吧,把这一个。替换掉它。知道吧,那听完他要下面正面是必须输入什么商品的描述,这个太简单了。是不是有了点一下你才发现。没问题吧,没问题好。下面一个是商品的什么价格是吧,商品的价格来。商品价格这个地方啊,一样,同理呗,类似的,但是还是有些不一样的。来看好了。把这个拿过来。哪些不一样呢,这个地方就要去说一个事情啊,我这个输入的必须一个数值字符串码。
11:07
不知道能不能听懂,也就是说我这个地方首先啊,我这里面再看我输别的输进去吗。数英语数一样可以输吧,诶。哦,我的这个这个东西没改,是不是不能搞一个,搞一个的话,它同步了啊,这一个是de什么SC。这一个对应的是一个属性叫什么呢?Price价格。别关联在一起了。来看好了,我这个输一个没问题是吧,输一个也没问题,好现在这一个你看我输输不进去,因为我按的字母输12可以吧。但这里最大的问题在哪?啊,这一当然你不输肯定就有问题,你看一下。是问题。关键是我输一个输一个零呢。好吗?不好吧,我输一个负一呢。
12:03
是不是这意思?这行吧。说白了,你的价格必须叫什么?是不是大于零,这个怎么限制啊,这个东西检查了这个它没有内置的验证规则。这个时候我们来看一下。这个地方是他所有提供的妹子验证规则,那没有这点,只能用这个比较合适。我们可以自己去什么?自己去制定验证对不对,这能听懂不能听懂,好,那也就是说我这个地方再加一个。啊,再加一个就是加热吧,它这个的值是个什么。是一个回调函数,用于做验证的回调函数,听懂吧,好,但是这个函数呢,我也不适合写在这里,因为要写挺多代码啊,那我就给一个this4.ve谁。
13:05
可以吧,那也就说我是不是要写这样一个函数来处理。那这个地方这个时候就要说一个事情。来。我们需要去写一个什么呢?叫验证价格的,是不是函数指定验证器对吧,自定义验证。函数好来写一个好等于好这个函数定义。咱自己写。他其实这个参数,而这一个很重要是他最新的什么。百90,呃,这个Y90是个字符串啊,是个数字格式的字符串,听懂不?而这一个是什么?这个很重要吧,我们调用这个函数来确定到底是成功了还是什么失败了,如果我不查参数代表什么呢?比如说我如果调用它。
14:02
没有同参数,那就代表验证通过就成功了,对不对,那如果我。传了一个字。比如说啊必须啊,价格必须大于零,对吧,可以吧,价格必须大于你。那是验证没通过呗,对不对啊,验证没通过是不是还指定了需要显示的那个提示啊。那什么是通过,什么是不通过嘞?这个时候得判断一个满足了某一个条件以后,我才去说通过了是不是啊,否则就什么没有通过。这能听懂吧,就是这个条件怎么写的问题是不是,那这个时候我得去看这个value值是不是大于零是吧,那这个时候其实也比较简单。
15:00
Value乘以一。变成了什么?数字就是它要什么大于零。不是value字符串啊,当然这个这个得去打印输出一下,你就有能知道它到底是数字还是不串,比如说你把它进行一个输出,嗯,Type of value,看看它到底是number还是呢。能听到不看一下就能知道啊好。来,我们来去看一下它,看一下它看看。现在价格也是必须的,是不是妯娌?他说。有这些问题是吧,好,我输入一个负一,它说什么。价格必须大于零,那这个时候它大家看好了打印输出的这个东西。零。嗯,再刷一下。我输入一个负一什么类型。
16:04
十句它是个数字格式的什么字符串,听到吧,是一个数字格式的字符串,可以转换成数字的吗?没问题吧,没问题啊,这是这个这样肯定不行啊是不是。啊,这小case好,那这样的话呢,我们的这个啊,当然我要输入一个正确的值,就肯定是可以进行什么提交了。在B里面做表验证还是很轻松的吧,啊,没有什么太大难度,当然我们现在做的验证呢,也比较简单。
我来说两句