1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,020 >> 演讲嘉宾:现在让我们来看看 一个网页,它允许用户以 3 00:00:03,020 --> 00:00:06,230 注册的东西,但实际上 包括一些客户端 4 00:00:06,230 --> 00:00:08,690 验证他或她的输入。 5 00:00:08,690 --> 00:00:13,210 >> 注意这里,在形式,1.HTML,我有 同样的形式出现,但我有 6 00:00:13,210 --> 00:00:17,940 添加一个ID属性到我的表单标签, 它的值被登记,所以 7 00:00:17,940 --> 00:00:22,140 我有一个ID,通过它我可以 唯一地标识在我的DOM的形式。 8 00:00:22,140 --> 00:00:26,090 现在注意我下面的表单标签是一个脚本 标签,这样很刻意, 9 00:00:26,090 --> 00:00:30,840 我的JavaScript代码将只执行 一旦表单标签和它的DOM节点 10 00:00:30,840 --> 00:00:31,990 已被加载。 11 00:00:31,990 --> 00:00:35,650 >> 里面的脚本标记通知是 这里第一行,我宣布 12 00:00:35,650 --> 00:00:38,750 变量调用形式和分配 它的返回值 13 00:00:38,750 --> 00:00:42,850 报价的document.getElementById 引文结束报名。 14 00:00:42,850 --> 00:00:45,860 这是这行代码,看起来 通过我的DOM,寻找 15 00:00:45,860 --> 00:00:50,130 元件或节点具有唯一 标识符登记,储存 16 00:00:50,130 --> 00:00:52,590 返回值最终 在这个变量。 17 00:00:52,590 --> 00:00:56,910 >> 然后我在网上登记的形式显示事件 处理程序的表单提交, 18 00:00:56,910 --> 00:01:02,190 与form.onsubmit并分配一个 匿名函数,身体的哪 19 00:01:02,190 --> 00:01:04,220 进行到做到以下几点。 20 00:01:04,220 --> 00:01:09,700 如果表单的领域,他的名字是 电子邮件,有来自用户的值等于 21 00:01:09,700 --> 00:01:14,220 引用引文没什么,那么我们 要提醒用户他或她 22 00:01:14,220 --> 00:01:18,120 必须提供他们的电子邮件地址, 我们返回false,这样的形式 23 00:01:18,120 --> 00:01:21,680 本身没有提交 注册点PHP的。 24 00:01:21,680 --> 00:01:26,070 >> 否则,如果表单有其名字的字段 是密码,它的值是 25 00:01:26,070 --> 00:01:28,800 报价引文结束,接下来就让我们嚷嚷 在用户他或她 26 00:01:28,800 --> 00:01:30,190 必须提供密码。 27 00:01:30,190 --> 00:01:33,620 再次,返回false,这样 表单不会提交到 28 00:01:33,620 --> 00:01:35,160 注册点PHP的。 29 00:01:35,160 --> 00:01:38,920 >> 另一方面,如果该值的用户具有 键入要叫表单字段 30 00:01:38,920 --> 00:01:43,100 密码不匹配值, 用户已规定的形式 31 00:01:43,100 --> 00:01:47,210 字段称为确认,接下来就让我们 骂的密码不用户 32 00:01:47,210 --> 00:01:50,800 比赛,然后返回false,这样 表单不会提交到 33 00:01:50,800 --> 00:01:52,810 注册点PHP的。 34 00:01:52,810 --> 00:01:59,030 >> 最后,如​​果不是这种情况,该 表单的输入协议检查, 35 00:01:59,030 --> 00:02:02,740 那么,让我们大声喝斥用户解释 他或她必须同意条款 36 00:02:02,740 --> 00:02:06,660 和条件,并再次返回false 因此,表单不会提交到 37 00:02:06,660 --> 00:02:08,460 注册点PHP的。 38 00:02:08,460 --> 00:02:11,830 >> 否则,如果,没有这些错误有 被做了,让我们确实返回true 39 00:02:11,830 --> 00:02:14,990 并允许表单提交 注册点PHP的。 40 00:02:14,990 --> 00:02:17,680 >> 让我们来看看这些可能 通过打开现在的错误 41 00:02:17,680 --> 00:02:19,150 在网页浏览器中。 42 00:02:19,150 --> 00:02:25,780 http://localhost/form-1.HTML。 43 00:02:25,780 --> 00:02:26,890 这里是那么的形式。 44 00:02:26,890 --> 00:02:28,720 让我们提供什么。 45 00:02:28,720 --> 00:02:30,660 >> 您必须提供您的电子邮件地址。 46 00:02:30,660 --> 00:02:34,930 好吧,让我们至少合作 沿着这些线路。 47 00:02:34,930 --> 00:02:36,380 >> 你必须提供一个密码。 48 00:02:36,380 --> 00:02:40,150 好吧,让我们选择一个 密码如丹颜。 49 00:02:40,150 --> 00:02:41,245 密码不匹配。 50 00:02:41,245 --> 00:02:46,250 啊,我需要合作并提供 同一个词,深红色,再次。 51 00:02:46,250 --> 00:02:48,290 >> 您必须同意条款 和条件。 52 00:02:48,290 --> 00:02:50,290 好吧,现在让我们检查框。 53 00:02:50,290 --> 00:02:52,910 最后,噢,我注册的。 54 00:02:52,910 --> 00:02:54,678