iH5高级教程:H5数据应用,多种数据的判断

 时间:2024-10-12 00:28:08

1、选中舞台,点击图片工具,上传背景图。2.选中舞台,点击页面工具,新建一个页面。选中页面,点击中文字体工具,添加“姓名”、“地址”、“电话”3个中文字体,点击文本工具,添加“姓名为空”、“地址为空”、“请输入小于12位的地址”、“电话为空”、“请输入正确的电话号码”、“电话不是11位数”的判断显示文字。3.选中页面,点击按钮工具,添加一个按钮,在按钮里输入内容为“提交”的文字。

iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断

2、选中页面1,在相应的位置添加3个输入框,分别可以输入姓名、地址和电话。2.选中舞台,添加一个数据库。3.选中数据库,点击文本字段工具,添加3个文本字段,分别将3个文本字段名称设置为姓名、地址和电话,并将这3个文本字段分别绑定页面1下的3个输入框,使内容能录入到后台数据库,注意这里的文本字段是一定要输入的。4.选中提交按钮,点击事件工具,添加一个事件,触发条件为手指按下(或轻触),目标对象为数据库1,目标动作为提交。这个是将已输入数据提交到数据库的关键事件。有了这个事件的触发才可以提交到数据到数据库。

iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断

3、选中舞台,点击图片工具,上传一张提交后显示的图,重命名为“提交成功”,并将其前面的勾去掉,隐藏图片,使图片在案例播放时初始处于隐藏状态。2.选中数据库,点击事件工具,添加一个事件,触发条件为提交完成,目标对象为“提交成功”图片,目标动作为显示。

iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断

4、选中“输入框1”,在输入框1下添加一个事件,触发条件为输入为空,目标对象为文本1,即“姓名为空”的文本,目标动作为显示。2.选中“输入框2”,在输入框2下添加两个事件,事件1的触发条件为输入为空,目标对象为文本2,即“地址为空”的文本,目标动作为显示。事件2的触发条件“为长度大于(提交时判断)”,值为12,目标对象为文本3,即“请输入小于12位的地址”,目标动作为显示。3.选中“输入框3”,在输入框3下添加3个事件。事件1的触发条件为输入为空,目标对象为文本4,即“电话为空”的文本,目标动作为显示。事件2的触发条件为不是数字(提交时判断),目标对象为文本6,即“请输入正确的电话号码”的文本,目标动作为显示。事件3的触发条件为长度不等于(提价时判断),值为11,目标对象为文本5,即“电话不是11位”的文本。

iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断

5、在输入框1下添加一个事件,触发条件是点击(或轻触),目标对象是文本1,目标动作为隐藏。2.选中输入框2,在输入框2下添加一个事件,触发条件是点击(或轻触),目标对象是文本2,目标动作为隐藏。3.选中输入框3,在输入框3下添加三个事件,触发条件是点击(或轻触),目标对象分别是文本4、文本5和文本6,目标动作为隐藏。

iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断

6、.选中舞台,点击时间轴工具,添加一个2秒的时间轴,将自动播放设置为No。2.选中时间轴,点击事件工具,添加6个事件。这6个事件除了目标对象外,是相同的。这6个事件的触发条件都是结束,目标对象分别是文本1至文本6,目标动作是隐藏。3.在页面1的文本1至文本6下分别添加一个事件。这6个事件是相同的,触发条件都是显示,目标对象都是舞台下的时间轴1,目标动作是从头播放。

iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断
iH5高级教程:H5数据应用,多种数据的判断

7、先行知识:事件、时间轴、数据库重点控件:数据库、输入框、文本字段、事件知识点:1、输入为空:判断输入框是否为空,有两种判断方式(失焦时判断,提交数据库事件触发时判断傧韭茆鳟)2、长度大于(提交时判断):判断输入框的值长度是否大于多少,此判断条件需在数据库提交事件触发时才进行判断,若判断输入的值长度大于预先设置长度则数据库提交不成功。3、长度不等于(提交时判断):判断输入框的值长度不等于多少,此判断条件需在数据库提交事件触发时才进行判断,若判断输入的值长度不等于预先设置长度则数据库提交不成功。4、不是数字(提交时判断):判断输入框的值不是数字,此判断条件需在数据库提交事件触发时才进行判断,若判断不是数字则数据库提交不成功。重点事件:触发对象:按钮触发条件:手指按下目标对象:数据库目标动作:提交触发对象:输入框触发条件:输入为空输入时判断:NO目标对象:文本目标动作:显示触发对象:输入框触发条件:长度大于(提交时判断)值:12目标对象:文本目标动作:显示触发对象:输入框触发条件:不是数字(提交时判断)目标对象:文本目标动作:显示触发对象:输入框触发条件:长度不等于(提交时判断)值:11目标对象:文本目标动作:显示TIPS:1.数据库提交:所有数据必须有提交到数据库的事件才能将数据提交到数据库后,否则后台是无法获取用户输入的数据的。2.文本字段绑定输入框:文本字段的字段名称必须输入,而且需要绑定输入框方可将输入框的内容通过提交到数据库的事件传送至数据库后台。3.提示显示后自动隐藏:通过时间轴的播放,结束后事件的触发使提示文本隐藏。

  • Unity 实用教程 之 实现类AR扫描全屏幕效果
  • iH5中级教程:上传照片、操控文本
  • animate制作奥运五环
  • iH5高级教程:H5创意展示,折角翻书特效
  • flash如何制作影片剪辑元件
  • 热门搜索
    大自然的手抄报 手抄报国庆 儿童节手抄报简单漂亮 众志成城抗击疫情手抄报 关于月亮的手抄报 我读书我快乐手抄报内容 文明城市手抄报内容 关于劳动节手抄报 谷雨手抄报 新年手抄报图片大全