javascript对表单的操作

标签：表单   验证   事件   文本框   

一、获得表单引用

    1>通过直接定位的方式来获取

      document.getElementById();

      document.getElementsByName();

      document.getElementsByTagName();

     2>通过集合的方式来获取引用

      document.forms[下标]

      document.forms["name"]

      document.forms.name

     3>通过name直接获取“（只适用于表单）

      document.name

二、获得表单元素的引用

    1>直接获取

      document.getElementById();

      document.getElementsByName();

      document.getElementsByTagName();

    2>通过集合来获取

       表单对象.elements  获得表单里面所有元素的集合

       表单对象.elements[下标]

       表单对象.elements["name"]

       表单对象.elements.name

    3>直接通过name的形式

      表单对象.name

三、表单元素共同的属性和方法

    1>获取表单元素的值

      表单元素对象.value   获取或是设置值

    2>属性

      disabled  获取或设置表单控件是否禁用 true false

       form   指向包含本元素的表单的引用

    3>方法

      blur()失去焦点

      focus()  获得焦点

四、表单元素

1、文本域

   <input type="text" >

     操作文本域的值

     value 属性     设置或者获取值

2、单选按钮

    checked  返回或者设置单选的选中状态

             true 选中     false 未选中

value 属性 获取选中的值，必须先判断选中状态。

3、多选按钮

    checked  返回或者设置单选的选中状态

             true 选中     false 未选中

    value 属性 获取选中的值，必须先判断选中状态。

4、下拉框

    selected  设置或返回下拉框的选中状态

                true 选中     false 未选中

    selectedIndex  设置或返回下拉框被选中的索引号

5、文本区域

   <textarea></textarea>

value 操作值

五、验证表单

   1.事件

     onsubmit  当表单提交的时候触发的事件

     onblur

     obfocus

     onchange

  2.return false;  阻止事件的默认行为(适用于所有事件)

六、提交方法

   表单的方法

   表单对象.submit()

本文出自 “Mr.Zhu -- 技术交流” 博客，请务必保留此出处http://bjishu.blog.51cto.com/7481301/1672140

javascript对表单的操作

标签：表单   验证   事件   文本框   

原文地址：http://bjishu.blog.51cto.com/7481301/1672140