文档介绍：专题八
处理表单和表单元素事件
上章回顾
常用的浏览器对象有哪些?
希望在网页打开时,就伴随弹出广告窗口,应使用什么事件?打开广告窗口使用window对象的哪个方法?
history对象的哪个方法相当于IE浏览器中的后退按钮?
希望动态改变网页的背景色,应使用哪个对象的bgColor属性?
IE的地址栏对应哪个浏览器对象?它用来保存网页的地址信息。
本章目标
学会使用表单元素,如文本框、选项按钮、下拉列表框、命令按钮等的事件处理程序。
熟练掌握验证表单的方法和对应的JavaScript程序编写。
工作任务
创建用户注册页面。
验证规则:
会员名不能为空。
性别必须选择。
密码不能为空,并且密码位数不能少于6位。
电子邮件地址中必须含有“@”。
年龄应是在1~99之间的有效数字。
相关实践1
在E盘上新建文件夹,命名为“check”。
,新建一个基本页文档。以“”文件名保存在E盘的“check”文件夹中,创建“用户注册”页面。
相关实践2
切换到文档的“设计”视图,在“”页面上添加表单元素。
相关实践3
命名表单元素:
表单:reg_form。
“会员名”文本框:uname。
“性别”选项按钮组:gender。
“密码”文本框:password。
“电子邮件地址”文本框:email。
“所在省份”下拉列表框:myselect。
“所在城市”文本框:city。
“注册”按钮:Submit。
相关实践4
对于“所在省份”的下拉列表选项,当用户选择了其中的“北京市”、“上海市”、“天津市”和“重庆市”四个直辖市时,应在“所在城市”的文本框中自动出现相对应的城市名,如果是其它的省份,再允许用户在“所在城市”中输入城市名。
相关实践5
切换到“代码”视图,编写函数来验证用户是否选择了四个直辖市中的某个。
function myfun1()
{
var d=;
if (d==1 || d==2 || d==3 || d==4)
=[d].text;
}
相关实践6
为下拉列表框添加onchange事件。
<select name="myselect" onChange="myfun1( )" >