2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]

1. 本节课将为您演示,表单在提交时的数据验证。首先在左侧的项目导航区,打开视图控制器的代码文件。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第1张图片
image

2. 现在开始编写代码,给表单添加验证的功能。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第2张图片
image

3. 在当前的类文件中,引入已经安装的第三方类库。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第3张图片
image

4. 然后修改当前视图控制器类的父类的名称。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第4张图片
image

5. 设置当验证失败时,标签行的视觉刷新事件。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第5张图片
image

6. 设置背景颜色为红色。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第6张图片
image

7. 然后设置字体的颜色为白色。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第7张图片
image

8. 接着依次设置字体的样式,以及文字的对齐方式。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第8张图片
image

9. 设置文本行的视觉变化。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第9张图片
image

10. 当验证失败时,设置字体的颜色为红色。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第10张图片
image

11. 接着在表单中添加一个段落,并设置段落的头部和尾部信息。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第11张图片
image

12. 在该段落中添加一个文本行,并设置该行的标题文字。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第12张图片
image

13. 接着添加验证规则为非空,如果该行的内容为空,则会提示验证错误。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第13张图片
image

14. 添加一个段落,并设置段落的头部和尾部信息。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第14张图片
image

15. 在该段落中添加一个文本行,并设置该行的标题文字。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第15张图片
image

16. 接着添加验证规则为非空,如果该行的内容为空,则会提示验证错误。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第16张图片
image

17. 创建一个字符串类型的规则集合。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第17张图片
image

18. 然后添加非空验证和邮箱验证。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第18张图片
image

19. 将规则集合赋予当前的表单行。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第19张图片
image

20. 然后设置当失去焦点,并且内容发生变化时,进行表单的验证。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第20张图片
image

21. 添加一个段落,并设置段落的头部和尾部信息。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第21张图片
image

22. 在该段落中添加一个网址行,并设置该行的标题文字。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第22张图片
image

23. 接着添加验证规则为网址格式的验证,并且在值发生变化时进行验证。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第23张图片
image

24. 设置单元格的刷新动作。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第24张图片
image

25. 当验证失败时,设置单元格的字体颜色为红色。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第25张图片
image

26. 添加一个段落,并设置段落的头部和尾部的信息。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第26张图片
image

27. 在该段落中添加一个密码行,并设置该行的标题文字。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第27张图片
image

28. 接着添加验证规则,设置最小的长度为8,最大的长度为13。用户需要输入最小长度和最大长度之间的内容。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第28张图片
image

29. 设置单元格的刷新动作。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第29张图片
image

30. 当验证失败时,设置单元格的字体颜色为红色。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第30张图片
image

31. 添加一个段落,并设置段落的头部和尾部的信息。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第31张图片
image

32. 在该段落中添加一个整数行,并设置该行的标题文字。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第32张图片
image

33. 接着添加验证规则为,允许用户输入2到999之间的整数。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第33张图片
image

34. 设置单元格的刷新动作。

image

35. 当验证失败时,设置单元格的字体颜色为红色。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第34张图片
image

36. 添加一个段落,并设置段落的头部和尾部的信息。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第35张图片
image

37. 在该段落中添加一个密码行,并设置该行的标题文字。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第36张图片
image

38. 添加另一个密码行,并设置该行的标题文字。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第37张图片
image

39. 接着添加验证规则,设置最小的长度为8,最大的长度为13。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第38张图片
image

40. 设置单元格的刷新动作。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第39张图片
image

41. 当验证失败时,设置单元格的字体颜色为红色。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第40张图片
image

42. 继续添加一个段落,并设置段落的头部和尾部的信息。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第41张图片
image

43. 在该段落中添加一个文本行,并设置该行的标题文字。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第42张图片
image

44. 接着添加验证规则为非空的规则,并且在值发生变化时进行验证。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第43张图片
image

45. 设置单元格的刷新动作。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第44张图片
image

46. 当验证失败时,设置单元格的字体颜色为红色。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第45张图片
image

47. 设置单元格的在验证发生变化时的情况。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第46张图片
image

48. 获得当前表单行在表单中的序号。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第47张图片
image

49. 然后删除当前段落的错误信息标签。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第48张图片
image

50. 接着处理当验证失败时的情况。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第49张图片
image

51. 对所有的错误信息进行遍历。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第50张图片
image

52. 创建一个标签表单行,并设置标签的标题文字为错误信息,同时设置单元格的高度。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第51张图片
image

53. 接着将标签行,插入到当前行的下方。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第52张图片
image

54. 继续在该段落中添加一个邮箱表单行,并设置该行的标题文字。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第53张图片
image

55. 接着添加验证规则,为非空规则和邮箱格式的验证。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第54张图片
image

56. 设置当失去焦点,并且内容发生变化时,进行表单的验证。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第55张图片
image

57. 设置单元格的刷新动作。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第56张图片
image

58. 当验证失败时,设置单元格的字体颜色为红色。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第57张图片
image

59. 处理单元格在验证发生变化时的情况。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第58张图片
image

60. 获得当前表单行在表单中的序号。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第59张图片
image

61. 然后删除当前段落的错误信息标签。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第60张图片
image

62. 接着处理验证失败时的情况。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第61张图片
image

63. 对所有的错误信息进行遍历。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第62张图片
image

64. 创建一个标签表单行,并设置标签的标题文字为错误信息,同时设置单元格的高度。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第63张图片
image

65. 接着将标签插入到当前行的下方。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第64张图片
image

66. 继续在该段落中添加一个网址行,并设置该行的标题文字。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第65张图片
image

67. 接着添加验证规则,为网址格式的验证,以及设置在值发生变化时进行表单的验证。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第66张图片
image

68. 设置单元格的刷新动作。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第67张图片
image

69. 当验证失败时,设置单元格的字体颜色为红色。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第68张图片
image

70. 处理单元格在验证发生变化时的情况。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第69张图片
image

71. 获得当前表单行在表单中的序号。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第70张图片
image

72. 然后删除当前段落的错误信息标签。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第71张图片
image

73. 接着处理验证失败时的情况。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第72张图片
image

74. 对所有的错误信息进行遍历。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第73张图片
image

75. 创建一个标签表单行,并设置标签的标题文字为错误信息,同时设置单元格的高度。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第74张图片
image

76. 接着将标签插入到当前行的下方。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第75张图片
image

77. 继续在该段落中添加一个密码行,并设置该行的标题文字。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第76张图片
image

78. 接着添加一个最小长度和最大长度的验证规则。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第77张图片
image

79. 设置单元格的刷新动作。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第78张图片
image

80. 当验证失败时,设置单元格的字体颜色为红色。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第79张图片
image

81. 处理单元格在验证发生变化时的情况。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第80张图片
image

82. 获得当前表单行在表单中的序号。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第81张图片
image

83. 然后删除当前段落的错误信息标签。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第82张图片
image

84. 接着处理验证失败时的情况。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第83张图片
image

85. 对所有的错误信息进行遍历。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第84张图片
image

86. 创建一个标签行,并设置标签的标题文字为错误信息,同时设置单元格的高度。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第85张图片
image

87. 接着将标签插入到当前行的下方。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第86张图片
image

88. 继续在该段落中添加一个密码行,并设置该行的标题文字。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第87张图片
image

89. 接着添加一个最小长度和最大长度的验证规则。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第88张图片
image

90. 设置单元格的刷新动作。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第89张图片
image

91. 当验证失败时,设置单元格的字体颜色为红色。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第90张图片
image

92. 处理单元格在验证发生变化时的情况。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第91张图片
image

93. 获得当前表单行在表单中的序号。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第92张图片
image

94. 然后删除当前段落的错误信息标签。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第93张图片
image

95. 接着处理当验证失败时的情况。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第94张图片
image

96. 对所有的错误信息进行遍历。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第95张图片
image

97. 创建一个标签行,并设置标签的标题文字为错误信息,同时设置单元格的高度。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第96张图片
image

98. 接着将标签插入到当前行的下方。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第97张图片
image

99. 继续在该段落中添加一个整数行,并设置该行的标题文字。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第98张图片
image

100. 接着添加验证规则为,允许用户输入2到999之间的整数。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第99张图片
image

101. 设置单元格的刷新动作。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第100张图片
image

102. 当验证失败时,设置单元格的字体颜色为红色。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第101张图片
image

103. 处理单元格在验证发生变化时的情况。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第102张图片
image

104. 获得当前表单行在表单中的序号。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第103张图片
image

105. 然后删除当前段落的错误信息标签。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第104张图片
image

106. 接着处理当验证失败时的情况。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第105张图片
image

107. 对所有的错误信息进行遍历。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第106张图片
image

108. 创建一个标签行,并设置标签的标题文字为错误信息,同时设置单元格的高度。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第107张图片
image

109. 接着将标签插入到当前行的下方。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第108张图片
image

110. 添加一个新的段落。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第109张图片
image

111. 然后在段落中添加一个按钮行,并设置该行的标题文字。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第110张图片
image

112. 设置当表单行处于选择状态时,强制校验表单中的所有元素。接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第111张图片
image

113. 在弹出的项目中,点击密码行,并打开系统键盘。

114. 在键盘上点击字符,在密码行中输入内容。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第112张图片
image

115. 然后点击完成按钮,完成内容的输入。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第113张图片
image

116. 此时表单校验失败,字体变为红色,再次点击密码文本框。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第114张图片
image

117. 然后通过键盘再次输入内容,这次输入更多的字符。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第115张图片
image

118. 接着继续点击多次按键,输入更多的字符。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第116张图片
image

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第117张图片
image

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第118张图片
image

121. 当输入一定长度的内容之后,点击完成按钮。

image

122. 此时表单检验成功,红色文字消失。接着在下方的圆点处按下手指,并向上方拖动,查看下方的表单。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第119张图片
image

123. 接着点击具有非空验证规则的表单行,测试非空的验证规则。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第120张图片
image

124. 直接点击键盘上的完成按钮,观察表单的验证效果。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第121张图片
image

125. 表单验证失败,并在表单行的下方,插入了一个标签行,用来显示错误信息。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第122张图片
image

126. 接着点击键盘上的按键,输入一个字符。

image

127. 此时,表单实时验证成功,错误标签被删除。再次点击键盘上的完成按钮,关闭键盘。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第123张图片
image

128. 点击底部的按钮,可以检验表单中的所有元素。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第124张图片
image

129. 观察表单验证的错误提示信息,最后点击此处的[停止]按钮,关闭模拟器,并结束本节课程。

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第125张图片
image

2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器]_第126张图片
image

本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

apps8 2.png

你可能感兴趣的:(2.18 快速应用多种预定义格式的表单验证 [iOS开发中的神兵利器])