实验项目编号：webpg05
请按下面的要求进行编码，所有页面都要遵循HTML5规范并采用utf-8文字编码方式。为方便移植和测试，页面内所有URL均使用相对方式。
提交要求: 先在Web服务器的主目录下创建子目录并命名为“实验项目编号-学号”，把代码文件和相关数据文件放到该子目录下并进行调试。调试成功后，把运行效果的截屏图像文件也放到该子目录下。最后将该子目录压缩打包（压缩文件名：“实验项目编号-学号.扩展名”，扩展名依压缩工具而定）并以附加文件的形式在答案中提交。必须在每个代码文件的首部以注释的形式添加你的学号和姓名（注意HTML与PHP注释语法的不同），否则按0分计入成绩。
图1
图2
图3
图4
会员注册页面，代码的文件名为“membereg.html”，显示画面如左图1。
• 当编号输入文本框失去焦点时，利用XMLHttpRequest对象在后台发出“getmemberinfo.php?no=编号”的请求，对输入的编号在会员信息文件“members.txt”中进行查询，若该编号已存在则在页面右侧显示“该会员已注册”和该会员信息，同时将“提交”按键置成不可能状态，画面显示如左图2。
• 当点击“查看”按键时转到“会员信息一览表”页面。
当点击“提交”按键时需要进行如下的检查：
• 编号必须为8位有效数字，否则不提交并在页面右侧显示“编号必须为8位有效数字！”的信息，画面显示如左图3；
• 姓名不能空，否则不提交并在页面右侧显示“姓名不能为空！”的信息，画面显示如左图4；
• 如果上述检查都通过，则把输入的表单数据提交到“会员信息保存”页面。
图1
图2
会员信息保存页面，代码的文件名为“membersave.php”，显示画面如左图。
• 把从“会员注册页面”获得的表单输入数据保存到会员信息文件中。会员信息文件名为“members.txt”，由多条记录组成，每条记录保存一名会员的信息。会员信息由编号、姓名、性别组成，采用JSON字符串的格式存储（如图2）。
• 当会员信息成功保存时，显示被保存的会员信息和“会员信息已保存。”以及链接“返回”；否则显示“会员信息未保存。”和链接“返回”（如图1）。
• 当点击链接“返回”时转到“会员注册”页面。
会员信息一览表页面，代码的文件名为“memberslist.php”。
• 从会员信息文件“members.txt”中读取全部会员信息并以左图所示的隔行背景为浅灰色的形式显示。
• 当点击链接“返回”时转到“会员注册”页面。
会员信息查询程序，代码文件名“getmemberinfo.php”。根据会员编号在会员信息文件“members.txt”中进行查询，如果查找到指定编号的会员信息则输出该会员信息的JSON字符串，否则输出空字符串。