00:00
现在的问题是什么呢?就是现在的问题我说一下啊。不合法吗?走了吗?走了走了,这个你看不见是吧,看不见你用一下谷歌,你看能不能看见有问题吧。密码随便写有问题吗?邮箱有问题吗?我不管你有没有问题走。对吧,你说你这个有问题,你都提交了,你看用户名空头框提交了吧,密码邮箱是不是都走了,那这不行,你得拦这个,这是最关键的一步。怎么来?有多种实践方式,多着呢。但是我只讲一种具有代表性的,你下去之后你愿意写别的方式,有啊有的同学在这加什么呀,On me啊对吧,哎,还有同学怎么着啊,哎,采用一些别的方式,我这里我讲我的这种方式,各位啊,因为这个呢,程序员用的比较多,也使用起来也比较顺手,理解起来也。
01:13
也比较好理解,所以呢,我一般都这样去做,首先把submit改成button,因为它如果是submit呀,这个表单他就会走。明白吗?把这个submit具有提交功能的按钮。给它改成什么呀。改成button啊,但是改成button之后就出现一个新的问题,就是用户的数据合法之后,它也不提交也不走了。这样是不是就不行了?一般改改的情况很少啊,ABC合法吧,ABC合法,ABC合法吧,abc12.com合法吧,你看走走走走走走不了啊。
02:03
走不了吧,走不了,那这块的话我们应该怎么办呢?在这个位置我们可以加个ID,我们就叫做submit吧,Button行不行,Submit button,那这个应该给这个按钮绑定一个什么鼠标单击事件对不对?所以说这块呢,应该是给谁啊,给按钮绑定给什么按钮,给提交按钮绑定什么鼠标单击事件怎么做这个按钮对象document.get element by ID就是它拿到之后他的点on click function是不是function。那方身这块咱们先来测试一下呗,老规矩呗,点一下看走不走呗,点一下看走不走呗,走吧,好,那这块既然走,那么我们这边要干什么,当点击这个按钮的时候啊,当所有表单项目都是合法的时候。
03:15
提交什么表单对吧,如果说怎么着表单所有项目都是什么合法的,我们在这里提交表单吗?提交表单我们可以调用方法去提交。不要把这个再改回啊,这种写法没有人去用这种方式啊,怎么做一般都是提交表单,怎么提交,我们得看帮助文档。哪里有帮助文档?这里我们打开这个叫做W3固的离线手册。打开这个just do,然后do有do参考,就这一个位置啊,往下找一找,有没有一个叫做form的对象。
04:04
Form。这个form对象啊,它有一个方法叫submit,就可以提交表单,非常简单,就直接调这个方法就行了。这是form对象的方法吧,那既然是这样各位,那我在这一块我问大家能不能给一个ID,这个ID就叫user form呗,那这样的话我们要提交这个form,怎么提交document get element by ID是谁?就是我们的user form,返回一个user form对象啊,那这个user form提交表单点就提交了呀。这就是提交表单。明白吧,哎。当然如果说您这个位置的这个form啊。
05:03
你没有写A。就这个action你没写,我在这能不能点action。可以吧,因为我说过,应该说过一个标签里边有什么,你就可以点什么,这个标签里面有个X,你就可以在点X。如果你这个form没有设置action,我们可以在这设置action都可以。可以在这里设置什么action,也可以不在这里啊,明白吧,选择啊在这里,这个是提交表单,各位啊,上边这叫获取什么表单对象。拿到表单对象,然后action改一改,或者设置一下,点submit就走了。就提交走了。现在的问题落到哪了,这。
06:03
表单所有项目都是合法的。那这个表单所有项目都是合法的,这个该怎么做呢?按照多种方式。一个程序还是有多种方式啊。咱们怎么做呢?刚才我听同学说了。说这个叫什么,这个后边只要没有红色字体就算成功,那你不对啊,如果我直接打开页面,我一向都没填,我都没招他,我点注册后边是不是也都没有红色的这个提示。
07:04
那不就走了吗?你不能这么干,首先第一步,你必须让每一个节点触发他的不乐事件。出发。因为。只有这个地方触发了这个失去焦点的事件之后,这是不是才会有红色字体?你让他你项目当中这个位置干什么不乐,让这个位置也干什么不乐,让这个邮箱这个位置也干什么不乐,都让他不乐,听懂了吗?让他不乐不乐,不乐之后呢,验证验证验证,因为你不乐之后,你的项目当中是不是都是绑的昂乐这个事件啊,你后边是不是都去验证啊,验证到最后。他是。
08:01
合法的后边就一定没有这些字。只要你有不合法的,是不是一定会出现红色字体,我们以前开发就是这么干的啊,有没有别的方式,有有别的方式,有别的方式。比如说我们在if,如果条件没这个OK的情况下,我们能不能打个布尔标记啊,啊可以你随意啊,我先说一下我的这种解决办法,我的这种方式是怎么做的,是这样做的。这里要干什么?触发谁?Username的什么lur还有谁的?User pwd2的。不乐。
09:02
还有email的是吧,哎,那怎么触发呢。我们触发一下这个username吧。嗯。有同学老师这个触发是什么意思啊。啊。就是我们现在点一下。然后在这个光标在失去。我们这个事儿不要我们人工去操作了。我们让代码去操作。听懂了吗?
10:00
我们让代码去操作,诶懂吗?怎么做。Username有没有有没有这个username元素,找找全局变量啊,不不是不也不是全局变量,局变量啊,就这个是不是这个是这个吧,触发一下怎么触发username.focus。先让他干什么?获得username element点什么?我们试一下啊。点一下啊。你说啊,我再点一下走。是不是?这个位置为什么会有提示信息?因为我点注册的时候,他走谁了,走这段代码呢,这段代码是不是先生的,获得焦点之后再乐一下,诶这是不是我第一次用这个方法。
11:06
我之前在咱们这个阶段还没有用过啊,这个方法和这个方法别别别这么别这么写啊,不带啊,这个方法和这个方法是触发什么。就使用代码触发事件,不用人工操作,听懂了吗?来这两行代码,注意啊,就是不需要人工操作,使用纯什么JS代码触发什么事件。懂了吗?我问大家个问题,这个鼠标单击你能触发吗?也行。点什么就行,类似的什么什么点什么可厉害了。它鼠标单击就单击了,但不需要你人为的在这单击,你只要调这个方法它就单击了,懂懂什么意思吧。
12:01
好,那这个focus再来再来还有谁啊?UPWD是这个吧,拿过来还有个啥email。是不是好,现在在这一块,我们focusl focusl focusl是不是三个该验证的都验证了,因为你只要一触发这个事件上面是不是就执行这个叫什么。昂布勒啊,后边这个回调函数,昂布勒后边回调函数是不是执行了,好,那么执行的话,我们再往下这一块所有表单项合法还是不合法,我们怎么判断,看一看它后边有没有红色字体,那红色字体看看有没有,应该怎么做呢?应该是这样写什么,Span you span.in text,只要它等于等于它。
13:05
是空吧,并且说你的密码这块叫PWD的点inner也等于它,并且说你的email的点inner text也等于等于就相当于这个是空白,这个是空白,这个也是空白的时候,我们就是合法就提交对不对?好,那么接下来我们来看看找一个点一下。没走吧。ABC。Test ABC ABC特殊符号不行。是吧,ABCACA。邮箱地址一二三点com合法吧,找一个。
14:05
这怎么没了触发事件?触发事件,但他走了没有啊,没走合法。不合法啊,那要是合法他能走吗?合法了啊,你看走不走。说了。走了吧,数据就走了。啊,一个大致的一个表单验证,咱们就做这么多了,各位这个不完美啊,不是特别的完美,你要弄的特别完美,这那这块可能还得还得还得还得还得看别的啊,比如说这个这个这个密码这一块密码和确认密码,包括这个邮箱能不能为空啊。对不对,还有这个密码这个什么长度啊,还有这个密码里边有没有特殊符号啊,是不是,哎,有的时候密码我们希望要稍微复杂一些。
15:02
密码强度是吧,你看有一些那个密码强度什么,你一边写右边写一个强啊弱呀,什么中啊啥的,哎能做吗?好不好。那你这个。弱呀强啊,你是不是得制定规则,啥叫弱?什么叫弱?那你这个规则你得定啊,你应该写几个正则弱中强。合法不合法,你合法之前,你判断它弱中强的前提就是它合法你才会判断啊。弱应该是一个正则,中应该是个正则,强也应该是个正则,就比如说带什么下划线百分号啊什么之类的是吧,带这种特殊符号,就是说我认为什么时候就叫强啊,一般情况下,我说认为什么叫强,我说一下啊,有有字母,有数字,有大写小写,有特殊符号,满足这四个同时都在的,我认为是强,但如果说如果说什么叫中啊,各位什么叫中,中的定位一般情况下都是有数字,有字母,有大写小写,但是没有特殊符号的,我们叫中。
16:22
明白吧,弱是啥意思啊,我说一下啊,弱一般情况下就是要么全部大写。加数字要么全部小写加数字,不带大小写混合的,我们认为是弱啊,你不能说光是数字是弱,当然光是数字肯定弱,对吧,就是说是数字跟字母混合,我也认为是弱的,你只要有大写小写一区分,我就认为你是中。对吧,然后呢,再加个什么特殊符号,我就认为你是强,你可以制定这个规则啊,你可以尝试写一写,这个不是很好写啊,因为你要精通正则吧,是不是,哎,咱们考这个能写能写出来吗?考这个。
17:10
我来说一下啊,你写的时候就判断的用户名。就判断这一项啊,不用判断那么多,你这块你要能写出来一点都不错,你要能写出来那也行。政策你自己写自己写,或者是那个查一下也行啊。手机查一下。好了,那这块咱们表单验证,咱就说到这儿啊。
我来说两句