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 當前欄位擷取焦點時觸發

JavaScript表單處理