资源描述：
《iH5高级教程：H5数据应用,多种数据的判断》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、iH5高级教程：H5数据应用，多种数据的判断步骤：第一步：添加素材，并将其移动到合适的位置。1•选中舞台，点击图片工具回，上传背景图。2•选中舞台，点击页面工具°,新建一个页面。选中页面，点击中文字体工具字，添加“姓名”、“地址”、“电话”3个中文字体，点击文本工具T,添加“姓名为空”、“地址为空”、“请输入小于12位的地址”、“电话为空”、“请输入正确的电话号码”、“电话不是11位数”的判断显示文字。3.选屮页而，点击按钮工具，添加一个按钮，在按钮里输入内容为“捉交”第二步：制作数据输入框且使数据能提交到数据库1•选中页面1,在相应的位置添加3个输入框回，分
2、别可以输入姓名、地址和电话。2•选屮舞台，添加一个数据库园。3.选中数据库，点击文木字段工具回，添加3个文木字段，分别将3个文本字段名称设置为姓名、地址和电话，并将这3个文本字段分别绑定页面1下的3个输入框，使内容能录入到后台数据库，注意这里的文本字段是一定要输入的。4.选屮提交按钮，点击事件工具■,添加一个事件，触发条件为手指按下（或轻触），目标对彖为数据库1,目标动作为捉交。这个是将已输入数据捉交到数据库的关键事件。冇了这个事件的触发才口J以提交到数据到数据库。第三步：制作提交后的提示1•选中舞台，点击图片工具上传一张提交后显示的图，重命名为“提交成功”，
3、并将其前面的勾去掉，隐藏图片，使图片在案例播放吋初始处于隐藏状态。2.选中数据库，点击事件工具■,添加一个事件，触发条件为提交完成,目标对象为“提交成功”图片，目标动作为显示。第四步：添加判断输入内容的判断事件1・选中“输入框1”，在输入框1下添加一个事件，触发条件为输入为空，目标对象为文本1,即“姓名为空”的文本，目标动作为显示。2.选屮“输入框2”，在输入框2下添加两个事件，事件1的触发条件为输入为空，目标对象为文本2,即“地址为空”的文本，目标动作为显示。事件2的触发条件“为长度大于（捉交时判断）”，值为12,目标对象为文本3,即“请输入小于12位的地址
4、”，目标动作为显示。2.选中“输入框3”，在输入框3下添加3个事件。事件1的触发条件为输入为空，口标对象为文木4,即“电话为空”的文木，口标动作为显示。事件2的触发条件为不是数字（捉交时判断），目标对象为文本6,即“请输入正确的电话号码”的文本，目标动作为显示。事件3的触发条件为长度不等于（提价时判断），值为11,目标对象为文本5,即“电话不是11位”的文本。触发对象触发条件目标对敷不是数寺（拢交时判断）y短台页面1•文本H）—卜从15台或对象树迭择目标动作显示v第五步：使判断内容的文本初始隐藏1.在输入框1下添加一个事件，触发条件是点击（或轻触），目标对象是
5、文木1,口标动作为隐藏。2.选中输入框2,在输入框2下添加一个事件，触发条件是点击（或轻触）,目标对象是文本2,目标动作为隐藏。3•选屮输入框3,在输入框3下添加三个事件，触发条件是点击（或轻触）,目标对彖分别是文本4、文本5和文本6,目标动作为隐藏。4触发对象融发条件目标对魚贞击（PC中V殂台页面1•文本8V从费台或对象树选择J目标动作隐藏-第六步：制作提示文本显示后消失的效果。1•选中舞台，点击时间轴工具e,添加一个2秒的时间轴，将自动播放设置为NOo2.选屮吋间轴，点击事件工具・，添加6个事件。这6个事件除了口标对象外，是相同的。这6个事件的触发条件都是
6、结束，目标对彖分别是文本1至文本6,目标动作是隐藏。3•在页面1的文木1至文木6下分别添加一个事件。这6个事件是相同的,触发条件都是显示，目标对象都是舞台下的时间轴1，目标动作是从头播放。先行知识：事件、时间轴、数据库重点控件：数据库、输入框、文本字段、事件知识点：1、输入为空：判断输入框是否为空，有两种判断方式（失焦吋判断，提交数据库事件触发时判断）2、长度大于（捉交时判断）：判断输入框的值长度是否大于多少，此判断条件需在数据库提交事件触发时才进行判断，若判断输入的值长度大于预先设置长度则数据库提交不成功。3、长度不等于（提交吋判断）：判断输入框的值长度不等
7、于多少，此判断条件需在数据库提交事件触发时才进行判断，若判断输入的值长度不等于预先设置长度则数据库捉交不成功。4、不是数字（提交时判断）：判断输入框的值不是数字，此判断条件需在数据库提交事件触发时才进行判断，若判断不是数字则数据库提交不成功。重点事件：触发对象：按钮触发条件：手指按下目标对象：数据库目标动作：提交触发对象：输入框触发条件：输入为空输入时判断：NO口标对象：文木目标动作：显示触发对象：输入框触发条件：长度大于（提交时判断）值：12目标对彖：文本目标动作：显示触发对象：输入框触发条件：不是数字（提交吋判断）目标对彖：文本目标动作：显示触发对象：输入
8、框触发条件：长度不等于（提交吋判断）值
