天天看點

Prototype使用學習手冊指南之form.js

 這一部分提供了很多與表單操作有關的功能,包括以下部分,當通過$方法傳回元素時,可以直接通過$(element).method()調用:

  Form對象:提供了操作整個表單的一些方法

  Form.Element對象:提供了操作某個表單元素的方法

  TimedObserver類:周期性表單螢幕,當表單元素值改變的時候執行一個回調函數,有Form和Element兩種類型

  EventObserver類:利用事件來監視表單元素,當表單元素值改變的時候執行一個回調函數,有Form和Element兩種類型

  Form.Element對象:

  focus(element) select(element):html元素内置方法的封裝,除了傳回元素本身

  serialize(element):序列化指定的表單元素,傳回key=value的形式,傳回的string已經encodeURIComponent了

  getValue(element):傳回元素的值

  clear(element):清除元素的值

  present(element):判斷元素的值是否非空

  activate(element):使元素獲得焦點

  disable(element):使元素不可用

  enable(element):是元素可用

  Form對象包括:

  reset(form):form.reset()

  serializeElements(elements):将elements中的元素序列化,就是傳回指定的所有元素的queryString的形式,便于在xmlhttp或其他地方使用

  serialize(form):序列化整個表單

  getElements(form):傳回表單的所有可序列化元素

  getInputs(form, typeName, name):傳回所有符合typeName和name的input元素

  disable(form):使整個表單處于不可用狀态

  enable(form) :是整個表單可用

  findFirstElement(form):傳回類型為'input’, ’select’, 'textarea’的第一個可用的非隐藏元素

  focusFirstElement(form):使findFirstElement(form)傳回的元素得到焦點

  $F = Form.Element.getValue 友善使用

  Form.Element.Observer以及Form.Observer類:

  周期性監視表單元素,如果表單或表單元素的值有改變時,執行執行一個回調函數,使用方式如下:

  var oser=new Form.Element.Observer(element, frequency, callback)

  or oser=new Form.Observer(form, frequency, callback)

  callback可以定義兩個參數 form/element、Form.serialize()/value

  Form.Element.EventObserver和Form.EventObserver類:

  這兩個類跟上面的差不多,隻是不是周期性的監視,而是利用元素的change或click事件來監視表單元素的變化,當發生變化時執行callback,參數跟上面一樣.