《iH5高级教程：H5数据应用多种数据的判断》由会员分享，可在线阅读，更多相关《iH5高级教程：H5数据应用多种数据的判断（12页珍藏版）》请在金锄头文库上搜索。
1、iH5高级教程：H5数据应用，多种数据的判断步骤：第一步：添加素材，并将其移动到合适的位置i.选中舞台，点击图片工具国，上传背景图。2. 选中舞台，点击页面工具口，新建一个页面。选中页面，点击中文字体 工具，添加“姓名”、“地址”、“电话” 3个中文字体，点击文本工具T，添加“姓名为空”、“地址为空”、“请输入小于12 位的地址”、“电话为空”、“请 输入正确的电话号码”、“电话不是11位数”的判断显示文字。地扯打爭 :HkM.3. 选中页面，点击按钮工具，添加一个按钮，在按钮里输入内容为“提交” 的文字。文宇犬小 文字颜色 样式行距交本區1角线蕖颜色 线亲竟度第二步：制作数据输入框且使数据能
2、提交到数据库1. 选中页面1,在相应的位置添加3个输入框回，分别可以输入姓名、地姓島地址电诰业fl mId怯勿圧门划iJ:.他地再唄一 L：r -ttll址和电话。2. 选中舞台，添加一个数据库於。3. 选中数据库，点击文本字段工具口，添加3个文本字段，分别将3个文本字段名称设置为姓名、地址和电话，并将这3 个文本字段分别绑定页面1下的3 个输入框，使内容能录入到后台数据库，注意这里的文本字段是一定要输入的。绑定输入框宇段容称值娜定输入框字段茗称值4. 选中提交按钮，点击事件工具，添加一个事件，触发条件为手指按下（或轻触），目标对象为数据库 1，目标动作为提交。这个是将已输入数据提交 到数据库
3、的关键事件。有了这个事件的触发才可以提交到数据到数据库。第三步：制作提交后的提示1. 选中舞台，点击图片工具国，上传一张提交后显示的图，重命名为“提交成功”，并将其前面的勾去掉，隐藏图片，使图片在案例播放时初始处于隐藏 状态。2. 选中数据库，点击事件工具。,添加一个事件，触发条件为提交完成,目标对象为“提交成功”图片，目标动作为显示。触岌对象 触岌築件 目标对象目标动作第四步：添加判断输入内容的判断事件1. 选中“输入框1”，在输入框1 下添加一个事件，触发条件为输入为空，目标对象为文本 1，即“姓名为空”的文本，目标动作为显示。触岌对象 触岌築件 输入时到斷 目标对象目标动作输入框1输入为
4、空.-.：-Q NC，噩台，页面h文本5丛舞台或对象树琏择显示2. 选中“输入框 2”，在输入框 2 下添加两个事件，事件1 的触发条件为输入 为空，目标对象为文本2，即“地址为空”的文本，目标动作为显示。事件2的 触发条件“为长度大于（提交时判断）”，值为12，目标对象为文本3，即“请输入小于12 位的地址”，目标动作为显示。触发对象触发条件输入时判断目标对象目标动作输入框2输入拘空V&NQ舞台.页面1.交本7从舞台或对象树选择显示V触岌对象 触左虽件 值目标对象目标动作辰度大于1提交时和断）*124舞台.页面1，文本117就舞台或对無树选择显示7I输入框g3. 选中“输入框 3”，在输入框
5、3 下添加 3 个事件。事件 1 的触发条件为输入 为空，目标对象为文本4，即“电话为空”的文本，目标动作为显示。事件2 的 触发条件为不是数字（提交时判断），目标对象为文本 6，即“请输入正确的电话号码”的文本，目标动作为显示。事件3 的触发条件为长度不等于（提价时判断），值为 11，目标对象为文本 5，即“电话不是 11 位”的文本。融岌对象触发条件输入时判断目标对象目标动作触岌诙象触岌築件目嗣象目标动件不是数宇（提交时到斷）7舞台页面1文本10V就舞台或对象树迭择显示V输入.框4ff3触发对象 触发条件 值目标对象目标动作长度不等于提交时判断）11扎舞台.页面1.文本9就菇台或对象树选择
6、显示|输入框岬第五步：使判断内容的文本初始隐藏1. 在输入框 1 下添加一个事件，触发条件是点击（或轻触），目标对象是文本 1 ，目标动作为隐藏。触左对象输入框1触左棗件点击（吒中）-目标对象舞台页面1文本5-从舞台翦对象树选择1目标动作-2. 选中输入框 2，在输入框 2 下添加一个事件，触发条件是点击（或轻触），目标对象是文本 2，目标动作为隐藏。3. 选中输入框 3，在输入框 3 下添加三个事件，触发条件是点击（或轻触） 目标对象分别是文本 4、文本 5 和文本6，目标动作为隐藏。触发对象输入框电|触发条件点击（陀中）-目标财象密台页面1.9-迪讎台或对象树选择目标动作隐藏触岌对象 触发
7、条件 目标对象目标动作输入框四点击E中）V舞合页面1，艾本1DV从鑫台或对象树选择AT第六步：制作提示文本显示后消失的效果。1. 选中舞台，点击时间轴工具。，添加一个2秒的时间轴，将自动播放设置为 No。自动醤诙口2扎循环曆啟田N02. 选中时间轴，点击事件工具，添加6个事件。这6个事件除了目标对象外，是相同的。这6个事件的触发条件都是结束，目标对象分别是文本1至文 本6，目标动作是隐藏。Wff!触发对象时间轴1触境条件结束-目标对象舞台.页面1,艾本1|-从舞台或对集树选择1目标动作-3. 在页面 1 的文本 1 至文本 6 下分别添加一个事件。这 6 个事件是相同的， 触发条件都是显示，目
8、标对象都是舞台下的时间轴 1，目标动作是从头播放。触岌对象 触岌条件 目标对象目标动作先行知识：事件、时间轴、数据库重点控件：数据库、输入框、文本字段、事件知识点：1、输入为空：判断输入框是否为空，有两种判断方式（失焦时判断，提交数据 库事件触发时判断）2、长度大于（提交时判断）：判断输入框的值长度是否大于多少，此判断条件需 在数据库提交事件触发时才进行判断，若判断输入的值长度大于预先设置长度则 数据库提交不成功。3、长度不等于（提交时判断）：判断输入框的值长度不等于多少，此判断条件需 在数据库提交事件触发时才进行判断，若判断输入的值长度不等于预先设置长度 则数据库提交不成功。4、不是数字（提
9、交时判断）：判断输入框的值不是数字，此判断条件需在数据库 提交事件触发时才进行判断，若判断不是数字则数据库提交不成功。重点事件：触发对象：按钮 触发条件：手指按下目标对象：数据库目标动作：提交触发对象：输入框 触发条件：输入为空输入时判断：NO目标对象：文本目标动作：显示触发对象：输入框 触发条件：长度大于（提交时判断） 值： 12目标对象：文本目标动作：显示触发对象：输入框 触发条件：不是数字（提交时判断） 目标对象：文本目标动作：显示触发对象：输入框 触发条件：长度不等于（提交时判断） 值： 11目标对象：文本目标动作：显示TIPS:1.数据库提交：所有数据必须有提交到数据库的事件才能将数据提交到数据库后，否则后台是无法获取用户输入的数据的。2.文本字段绑定输入框：文本字段的字段名称必须输入，而且需要绑定输入框方可将输入框的内容通过提交到数据库的事件传送至数据库后台。3. 提示显示后自动隐藏：通过时间轴的播放，结束后事件的触发使提示文本隐藏。
