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 当前字段获取焦点时触发

posted on 2015-07-23 00:08  城西费玉清  阅读(141)  评论(0编辑  收藏  举报

导航