00:00
接着呢,我们来看一下这个事件,表单提交事件啊,那这个表单提交事件呢,是用来这个干嘛的呢,咱们前面讲过,是用来在表单提交前呢,验证所有表单项啊是否合法的。来,那么我们来演示一下啊,在这里。在创建一个页面。叫做on sub me,好,那既然是表单提交,咱们先给它准备上表单呢,Phone。好,咱们来一个提交按钮。他们说,静态。注册哎,静态注册怎么办呢?首先action首先指那个HP冒号双斜线local host,然后8080就写这里吧,然后解决方式get啊然后呢,把submit一般这里呢,咱们写上一个方法去调用,在这边写上。
01:07
好菜吧?其他。Function,然后是on submit,诶咱们说静态注册表单提交时间好了,那么我们呢,这里面来看一下,呃,咱们说静态注册表单递交时间。好,在这里调用这个方法。啊,上面的方式好,那现在咱们一起试试看啊,点击这方法是不是都用了。但是大家注意看一下,接下来什么操作发生了,他是不是提交了,大家注意看一件事情啊,一般情况下,咱们这里如果有一个表单,我点击了提交,咱们要干什么事情,先说明一下,要验证所有表单项是否。
02:09
合法能理解吧,哎,那么如果有一个不合法怎么办?就阻止表单提交对吧,就提示用户嘛,提示用户,然后阻止这个表单提交嘛,那现在比如说啊,我就让他延续一下,说发现不合法,那么怎么阻止呢?怎么阻止呢?来请看一下啊走我点击现在已经发现不合法了,他是不是依然体征啊。怎么阻止,这就是咱们要想的问题了,怎么阻止呢?注意看在按sub这个事情这个地方,我把这个代码稍微调整一下。我干一件什么事情能return?For。For以后大家再来看啊,我的这边刷新我点点点点点,诶发现问题了吗?首先对上面这个号码不调用了,对吧?因为咱们没有调用了嘛,但是这个表单是不是不提交了,这个表单就不提交了哦,大家注意看一下哈。
03:16
Return。Fo可以阻止表单提交。啊,那按照这个说法的话,诶,咱们调用这个方法少量是不是也可以啊。On submit function,然后我在上面return for是吧?我们感觉是这样的,来试试看。我点击诶,他说发现不合发要阻止了啊,哎呀,还是提交了说明还不行,差哪呢,我们稍微恢复一下,我们刚才这里写的代码是什么,是不是是不是这个对吧,然后大家注意看一下这个false要由谁来表示,是不是由这个方法的返回值表示。
04:02
那也就是说,诶是这样子。替换掉它这个return它不能少,能理解吗?来再回来刷新一下走诶发现不合法,这里return for阻止了吧,好,就记住这个点哈,静待注册的时候,这个return不能少,你要阻止他提交的时候不能上啊,这要注意一下,OK,这是静态注册,那如果是动态注册呢?来我们复制一下。OK,呃,把这个都去掉,咱们改成动态。动态怎么办呢?还记得咱们上午讲了,Windows敲完onload onload等于function是吧?然后在里面两个步骤获取标签对象,第二,通过标签对象点事件名。
05:03
等于是方的,就这样子好,那现在呢,你得获取标签对象代码是document.get element by ID,那么咱们得获取这个标签吗?Form这个标签,给它加个ID。的轮零一,好,你把这个ID值放进来。好。来创建一个变量啊好了,然后呢,咱们这里是form o BG,然后咱们先看这个对象对不对。Form啊,然后呢,在这边刷新看见了吗?对象什么对象是不是放标签对象啊,就上面这个了,找到是找到了啊,咱们接着咱们看第二步,第二步干嘛?通过这个对象点啊submit看见吧,等于一个函数。在这里面我把它拿过来。
06:02
哎,拿过来,咱们都动弹。动态注册表单提交发现不合法false,好,那这时候咱们看看哈,运行一下静态对吧,发现不合法阻止了,动态发现不合法看见了吗?是不是也阻止了,那么你要不想阻止呢?很简单,这个地方只要不是就行了,能理解吗?就可以提交了。啊走你看静态现在是触吧,是不提交过去了啊很简单啊,那你返回动态这个呢,只要你返回处它也是一样提交能懂能懂吧,哎,就你想阻止的后流了,就形式啊。OK,好。
我来说两句