JavaScript表单处理
JavaScript表单处理
一.表单介绍
属性或方法
action 服务器能够处理的字符集
length 表单中控件的数量
name 表单的名称
target 用于发送请求和接受响应的窗口名称
reset() 将所有表单重置
submit() 提交表单
获取表单<form>对象的方法有很多种,如下:
document.getElementById('myForm'); //使用ID获取<form>元素
document.getElementsByTagName('form')[0]; //使用获取第一个元素方式获取
document.forms[0]; //使用forms的数字下标获取元素
document.forms['yourForm']; //使用forms的名称下标获取元素
document.yourForm; //使用name名称直接获取元素(不推荐)
属性或方法
name 指向当前字段所属表单的指针,只读
type 当前字段的类型
value 当前字段的值
这些属性其实就是HTML表单里的属性,几个最常用的:
fm.elements[0].value; //获取和设置value
fm.elements[0].form == fm; //查看当前字段所属表单
fm.elements[0].disabled = true; //禁用当前字段
fm.elements[0].type = 'checkbox'; //修改字段类型,极不推荐!
每个表单字段都有两个方法:foucs()和blur()。
方法说明
focus() 将焦点定位到表单字段里
blur() 从元素中将焦点移走
fm.elements[0].focus(); //将焦点移入
fm.elements[0].blur(); //将焦点移出
共有的表单字段事件
表单共有的字段事件有以下三种:
事件名说明
blur 当字段失去焦点时触发
change 对于<input>和<textarea>元素,在改变value并失去焦点时触发;对于<select>元素,在改变选项时触发
focus 当前字段获取焦点时触发