教师成绩： 北 华 航 天 工 业 学 院
实验报告
课 程 名 称 ： Web开发基础 实 验 内 容 ： JavaScript实例 作者所在系部：计算机与遥感信息技术学院
作者所在专业： 软件工程 作者所在班级： B15532 作 者 姓 名 ： 夏晨飞 作 者 学 号 ： 2015405A621 指导教师姓名： 王振夺
北华航天工业学院教务处制
1
实验五 JavaScript实例
一、实验目的：
完成用户注册页面的设计，实现表单的有效性验证。 1．练习网页表格布局；
2．练习HTML表单及表单控件； 3．使用JS实现表单有效性验证； 4．使用div显示提示信息。
二、实验内容：
1．设计网站用户注册页面，综合应用表格、表单等，具体要求： ? 用户文本框：要求长度6-12位；
? 密码框：要求长度6-12位；字母数字的组合，不能有其他字符； ? 确认密码框：与密码框一致；
? 年龄文本框：必须是数字，且值大于0； ? 电子邮件文本框： ? 性别单选框；
? 爱好复选框：至少选择两项；
? 个人简介多行文本域：至少10个字符；
? 从网上查找JS年月日级联下拉列表、省市级联下拉列表，移植到本网页； 2．使用JS实现表单有效性验证
? 文本框、密码框等失去焦点时进行验证； ? 使用div显示错误或正确提示信息；
? 表单提交之前对表单进行有效性验证，如有错误，阻止提交；
三、实验步骤：
无标题文档
9hbug947lu4g4gh0kzl91od1e2lmz900xt2
