2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵
1. 本节课将为您演示,表单在提交时的数据验证。首先在左侧的项目导航区,打开视图控制器的代码文件。
image
image
image
image
image
image
image
image
image
image
11. 接着在表单中添加一个段落,并设置段落的头部和尾部信息。
image
image
13. 接着添加验证规则为非空,如果该行的内容为空,则会提示验证错误。
image
image
image
16. 接着添加验证规则为非空,如果该行的内容为空,则会提示验证错误。
image
image
image
image
20. 然后设置当失去焦点,并且内容发生变化时,进行表单的验证。
image
image
image
23. 接着添加验证规则为网址格式的验证,并且在值发生变化时进行验证。
image
image
image
image
image
28. 接着添加验证规则,设置最小的长度为8,最大的长度为13。用户需要输入最小长度和最大长度之间的内容。
image
image
image
image
image
33. 接着添加验证规则为,允许用户输入2到999之间的整数。
image
image
image
image
image
image
39. 接着添加验证规则,设置最小的长度为8,最大的长度为13。
image
image
image
image
image
44. 接着添加验证规则为非空的规则,并且在值发生变化时进行验证。
image
image
image
image
image
image
image
image
52. 创建一个标签表单行,并设置标签的标题文字为错误信息,同时设置单元格的高度。
image
image
54. 继续在该段落中添加一个邮箱表单行,并设置该行的标题文字。
image
image
56. 设置当失去焦点,并且内容发生变化时,进行表单的验证。
image
image
image
image
image
image
image
image
64. 创建一个标签表单行,并设置标签的标题文字为错误信息,同时设置单元格的高度。
image
image
66. 继续在该段落中添加一个网址行,并设置该行的标题文字。
image
67. 接着添加验证规则,为网址格式的验证,以及设置在值发生变化时进行表单的验证。
image
image
image
image
image
image
image
image
75. 创建一个标签表单行,并设置标签的标题文字为错误信息,同时设置单元格的高度。
image
image
77. 继续在该段落中添加一个密码行,并设置该行的标题文字。
image
image
image
image
image
image
image
image
image
86. 创建一个标签行,并设置标签的标题文字为错误信息,同时设置单元格的高度。
image
image
88. 继续在该段落中添加一个密码行,并设置该行的标题文字。
image
image
image
image
image
image
image
image
image
97. 创建一个标签行,并设置标签的标题文字为错误信息,同时设置单元格的高度。
image
image
99. 继续在该段落中添加一个整数行,并设置该行的标题文字。
image
100. 接着添加验证规则为,允许用户输入2到999之间的整数。
image
image
image
image
image
image
image
image
108. 创建一个标签行,并设置标签的标题文字为错误信息,同时设置单元格的高度。
image
image
image
111. 然后在段落中添加一个按钮行,并设置该行的标题文字。
image
112. 设置当表单行处于选择状态时,强制校验表单中的所有元素。接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。
image
113. 在弹出的项目中,点击密码行,并打开系统键盘。
image
image
116. 此时表单校验失败,字体变为红色,再次点击密码文本框。
image
image
image
image
image
image
122. 此时表单检验成功,红色文字消失。接着在下方的圆点处按下手指,并向上方拖动,查看下方的表单。
image
123. 接着点击具有非空验证规则的表单行,测试非空的验证规则。
image
image
125. 表单验证失败,并在表单行的下方,插入了一个标签行,用来显示错误信息。
image
image
127. 此时,表单实时验证成功,错误标签被删除。再次点击键盘上的完成按钮,关闭键盘。
image
image
129. 观察表单验证的错误提示信息,最后点击此处的[停止]按钮,关闭模拟器,并结束本节课程。
image
image
本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载
apps8 2.png