1. 本节课将为您演示,表单在提交时的数据验证。首先在左侧的项目导航区,打开视图控制器的代码文件。
2. 现在开始编写代码,给表单添加验证的功能。
3. 在当前的类文件中,引入已经安装的第三方类库。
4. 然后修改当前视图控制器类的父类的名称。
5. 设置当验证失败时,标签行的视觉刷新事件。
6. 设置背景颜色为红色。
7. 然后设置字体的颜色为白色。
8. 接着依次设置字体的样式,以及文字的对齐方式。
9. 设置文本行的视觉变化。
10. 当验证失败时,设置字体的颜色为红色。
11. 接着在表单中添加一个段落,并设置段落的头部和尾部信息。
12. 在该段落中添加一个文本行,并设置该行的标题文字。
13. 接着添加验证规则为非空,如果该行的内容为空,则会提示验证错误。
14. 添加一个段落,并设置段落的头部和尾部信息。
15. 在该段落中添加一个文本行,并设置该行的标题文字。
16. 接着添加验证规则为非空,如果该行的内容为空,则会提示验证错误。
17. 创建一个字符串类型的规则集合。
18. 然后添加非空验证和邮箱验证。
19. 将规则集合赋予当前的表单行。
20. 然后设置当失去焦点,并且内容发生变化时,进行表单的验证。
21. 添加一个段落,并设置段落的头部和尾部信息。
22. 在该段落中添加一个网址行,并设置该行的标题文字。
23. 接着添加验证规则为网址格式的验证,并且在值发生变化时进行验证。
24. 设置单元格的刷新动作。
25. 当验证失败时,设置单元格的字体颜色为红色。
26. 添加一个段落,并设置段落的头部和尾部的信息。
27. 在该段落中添加一个密码行,并设置该行的标题文字。
28. 接着添加验证规则,设置最小的长度为8,最大的长度为13。用户需要输入最小长度和最大长度之间的内容。
29. 设置单元格的刷新动作。
30. 当验证失败时,设置单元格的字体颜色为红色。
31. 添加一个段落,并设置段落的头部和尾部的信息。
32. 在该段落中添加一个整数行,并设置该行的标题文字。
33. 接着添加验证规则为,允许用户输入2到999之间的整数。
34. 设置单元格的刷新动作。
35. 当验证失败时,设置单元格的字体颜色为红色。
36. 添加一个段落,并设置段落的头部和尾部的信息。
37. 在该段落中添加一个密码行,并设置该行的标题文字。
38. 添加另一个密码行,并设置该行的标题文字。
39. 接着添加验证规则,设置最小的长度为8,最大的长度为13。
40. 设置单元格的刷新动作。
41. 当验证失败时,设置单元格的字体颜色为红色。
42. 继续添加一个段落,并设置段落的头部和尾部的信息。
43. 在该段落中添加一个文本行,并设置该行的标题文字。
44. 接着添加验证规则为非空的规则,并且在值发生变化时进行验证。
45. 设置单元格的刷新动作。
46. 当验证失败时,设置单元格的字体颜色为红色。
47. 设置单元格的在验证发生变化时的情况。
48. 获得当前表单行在表单中的序号。
49. 然后删除当前段落的错误信息标签。
50. 接着处理当验证失败时的情况。
51. 对所有的错误信息进行遍历。
52. 创建一个标签表单行,并设置标签的标题文字为错误信息,同时设置单元格的高度。
53. 接着将标签行,插入到当前行的下方。
54. 继续在该段落中添加一个邮箱表单行,并设置该行的标题文字。
55. 接着添加验证规则,为非空规则和邮箱格式的验证。
56. 设置当失去焦点,并且内容发生变化时,进行表单的验证。
57. 设置单元格的刷新动作。
58. 当验证失败时,设置单元格的字体颜色为红色。
59. 处理单元格在验证发生变化时的情况。
60. 获得当前表单行在表单中的序号。
61. 然后删除当前段落的错误信息标签。
62. 接着处理验证失败时的情况。
63. 对所有的错误信息进行遍历。
64. 创建一个标签表单行,并设置标签的标题文字为错误信息,同时设置单元格的高度。
65. 接着将标签插入到当前行的下方。
66. 继续在该段落中添加一个网址行,并设置该行的标题文字。
67. 接着添加验证规则,为网址格式的验证,以及设置在值发生变化时进行表单的验证。
68. 设置单元格的刷新动作。
69. 当验证失败时,设置单元格的字体颜色为红色。
70. 处理单元格在验证发生变化时的情况。
71. 获得当前表单行在表单中的序号。
72. 然后删除当前段落的错误信息标签。
73. 接着处理验证失败时的情况。
74. 对所有的错误信息进行遍历。
75. 创建一个标签表单行,并设置标签的标题文字为错误信息,同时设置单元格的高度。
76. 接着将标签插入到当前行的下方。
77. 继续在该段落中添加一个密码行,并设置该行的标题文字。
78. 接着添加一个最小长度和最大长度的验证规则。
79. 设置单元格的刷新动作。
80. 当验证失败时,设置单元格的字体颜色为红色。
81. 处理单元格在验证发生变化时的情况。
82. 获得当前表单行在表单中的序号。
83. 然后删除当前段落的错误信息标签。
84. 接着处理验证失败时的情况。
85. 对所有的错误信息进行遍历。
86. 创建一个标签行,并设置标签的标题文字为错误信息,同时设置单元格的高度。
87. 接着将标签插入到当前行的下方。
88. 继续在该段落中添加一个密码行,并设置该行的标题文字。
89. 接着添加一个最小长度和最大长度的验证规则。
90. 设置单元格的刷新动作。
91. 当验证失败时,设置单元格的字体颜色为红色。
92. 处理单元格在验证发生变化时的情况。
93. 获得当前表单行在表单中的序号。
94. 然后删除当前段落的错误信息标签。
95. 接着处理当验证失败时的情况。
96. 对所有的错误信息进行遍历。
97. 创建一个标签行,并设置标签的标题文字为错误信息,同时设置单元格的高度。
98. 接着将标签插入到当前行的下方。
99. 继续在该段落中添加一个整数行,并设置该行的标题文字。
100. 接着添加验证规则为,允许用户输入2到999之间的整数。
101. 设置单元格的刷新动作。
102. 当验证失败时,设置单元格的字体颜色为红色。
103. 处理单元格在验证发生变化时的情况。
104. 获得当前表单行在表单中的序号。
105. 然后删除当前段落的错误信息标签。
106. 接着处理当验证失败时的情况。
107. 对所有的错误信息进行遍历。
108. 创建一个标签行,并设置标签的标题文字为错误信息,同时设置单元格的高度。
109. 接着将标签插入到当前行的下方。
110. 添加一个新的段落。
111. 然后在段落中添加一个按钮行,并设置该行的标题文字。
112. 设置当表单行处于选择状态时,强制校验表单中的所有元素。接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。
113. 在弹出的项目中,点击密码行,并打开系统键盘。
114. 在键盘上点击字符,在密码行中输入内容。
115. 然后点击完成按钮,完成内容的输入。
116. 此时表单校验失败,字体变为红色,再次点击密码文本框。
117. 然后通过键盘再次输入内容,这次输入更多的字符。
118. 接着继续点击多次按键,输入更多的字符。
121. 当输入一定长度的内容之后,点击完成按钮。
122. 此时表单检验成功,红色文字消失。接着在下方的圆点处按下手指,并向上方拖动,查看下方的表单。
123. 接着点击具有非空验证规则的表单行,测试非空的验证规则。
124. 直接点击键盘上的完成按钮,观察表单的验证效果。
125. 表单验证失败,并在表单行的下方,插入了一个标签行,用来显示错误信息。
126. 接着点击键盘上的按键,输入一个字符。
127. 此时,表单实时验证成功,错误标签被删除。再次点击键盘上的完成按钮,关闭键盘。
128. 点击底部的按钮,可以检验表单中的所有元素。
129. 观察表单验证的错误提示信息,最后点击此处的[停止]按钮,关闭模拟器,并结束本节课程。
本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载