天津大学仁爱学院2012届本科生毕业设计（论文）
如果用户尚未注册成为本网站的用户，则可点击“立即注册”进行注册操作。
4.6 注册页面
注册页面表单有电子邮箱，性别，创建登录密码，确认登录密码，验证码这几项，邮箱唯一性和验证码的正确性都是通过AJAX技术与后台进行交互，使页面局部刷新。邮箱的格式和填写完整校验是通过js脚本完成的。未填信息和填写信息不合法时，立即注册按钮为不可用状态，当注册信息都填写正确后，立即注册按钮将为可用状态，注册页面如图4-12所示：
图4-12 注册页面图
4.7 选座订票页面
选座订票模块是本网站的核心模块，也是用户最终的目的所在。如同4-13所示，蓝色座位为可选的座位，紫色座位为已售出的座位，红色座位为用户选择的座位。页面下方有用户选择的座位号，通过js脚本及时显示。点击“重选座位”按钮，则会刷新最新的座位情况。点击“选好了，下一步”按钮，会跳转下一步要操作的页面。
33
天津大学仁爱学院2012届本科生毕业设计（论文）
图4-13 选座订票图
为防止用户滥选，选票数量通过js脚本控制在一次购票数量最多选4张票，如图4-14所示：
图4-14 选座订票提示信息图
34
相关推荐：
loading