javaScript与Ajax基础_第七章.pptVIP

第七章 JavaScript表单编程 目标 熟悉访问和更改表单及表单控件的方法 掌握使用JavaScript进行表单验证的方法 对form元素进行脚本编写 获取表单的引用 访问表单字段 表单字段共性 表单提交和重置 获取表单的引用 下标方式 :document.forms[0] 数组+名字 :document.forms[“formName”] id方式 getElementById() 访问表单字段 下标方式 : oForm.elements[0] id方式 getElementById() 表单属性方式:oForm.username 表单字段共性 disabled form blur() focus() onblur onfocus 表单提交和重置 提交和重置按钮 submit()和reset() onsubmit和onreset 对文本框进行脚本编写 获取/更改文本框的值 :value 属性 选择文本： select() 方法 文本框事件：blur,focus,change,select 获取/更改文本框的值 value属性 浏览器兼容问题 选择文本 select() focus()与select()联合使用实现自动选择文本 文本框事件 blur focus change select 对列表框和组合框进行脚本编写 访问选项 获取/更改选中项 添加和删除选项 移动选项 重新排序选项 访问选项 options数组 text :显示文本 value ：值 length ：长度 和select.length一样 获取/更改选中项 selectedIndex及其局限性 selected属性 添加和删除选项 添加 标准DOM方法 删除 利用null remove(i) ：i表示option的索引位置 标准DOM方法 移动选项 找到要移动的节点 采用添加节点的方法添加到目的select 重新排序选项 利用insertBefore() 考虑边界情况 对复选框和单选框进行脚本编写 利用name访问单选框和多选框 checked 表单验证 使用submit事件在错误发生后捕获错误 使用change 事件在错误发生时捕获错误 使用keypress事件在错误发生之前捕获错误 表单校验最佳实践 总结 表单验证的原因 对错误处理的三个时间点 *