Prototype使用指南之form.js
這一部分提供了很多與表單操作有關(guān)的功能,包括以下部分,當(dāng)通過$方法返回元素時(shí),可以直接通過$(element).method()調(diào)用:
Form對(duì)象:提供了操作整個(gè)表單的一些方法
Form.Element對(duì)象:提供了操作某個(gè)表單元素的方法
TimedObserver類:周期性表單監(jiān)視器,當(dāng)表單元素值改變的時(shí)候執(zhí)行一個(gè)回調(diào)函數(shù),有Form和Element兩種類型
EventObserver類:利用事件來監(jiān)視表單元素,當(dāng)表單元素值改變的時(shí)候執(zhí)行一個(gè)回調(diào)函數(shù),有Form和Element兩種類型
Form對(duì)象:
reset(form):form.reset()
serializeElements(elements):將elements中的元素序列化,就是返回指定的所有元素的queryString的形式,便于在xmlhttp或其他地方使用
serialize(form):序列化整個(gè)表單
getElements(form):返回表單的所有可序列化元素
getInputs(form, typeName, name):返回所有符合typeName和name的input元素
disable(form):使整個(gè)表單處于不可用狀態(tài)
enable(form) :是整個(gè)表單可用
findFirstElement(form):返回類型為'input', 'select', 'textarea'的第一個(gè)可用的非隱藏元素
focusFirstElement(form):使findFirstElement(form)返回的元素得到焦點(diǎn)
Form.Element對(duì)象:
focus(element) select(element):html元素內(nèi)置方法的封裝,除了返回元素本身
serialize(element):序列化指定的表單元素,返回key=value的形式,返回的string已經(jīng)encodeURIComponent了
getValue(element):返回元素的值
clear(element):清除元素的值
present(element):判斷元素的值是否非空
activate(element):使元素獲得焦點(diǎn)
disable(element):使元素不可用
enable(element):是元素可用
$F = Form.Element.getValue 方便使用
Form.Element.Observer以及Form.Observer類:
周期性監(jiān)視表單元素,如果表單或表單元素的值有改變時(shí),執(zhí)行執(zhí)行一個(gè)回調(diào)函數(shù),使用方式如下:
var oser=new Form.Element.Observer(element, frequency, callback)
or oser=new Form.Observer(form, frequency, callback)
callback可以定義兩個(gè)參數(shù) form/element、Form.serialize()/value
Form.Element.EventObserver和Form.EventObserver類:
這兩個(gè)類跟上面的差不多,只是不是周期性的監(jiān)視,而是利用元素的change或click事件來監(jiān)視表單元素的變化,當(dāng)發(fā)生變化時(shí)執(zhí)行callback,參數(shù)跟上面一樣
- Prototype使用指南之dom.js
- Prototype使用指南之selector.js
- 使用prototype.js進(jìn)行異步操作
- 使用prototype.js 的時(shí)候應(yīng)該特別注意的幾個(gè)問題.
- Prototype1.6 JS 官方下載地址
- JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的區(qū)別和應(yīng)用場景簡述
- JS 面向?qū)ο笾衿娴膒rototype
- javascript 進(jìn)階篇3 Ajax 、JSON、 Prototype介紹
- 深入分析js中的constructor和prototype
- 為JS擴(kuò)展Array.prototype.indexOf引發(fā)的問題探討及解決
- 解析jQuery與其它js(Prototype)庫兼容共存
- 判斷js中各種數(shù)據(jù)的類型方法之typeof與0bject.prototype.toString講解
- js中prototype用法詳細(xì)介紹
- js中繼承的幾種用法總結(jié)(apply,call,prototype)
- js使用Array.prototype.sort()對(duì)數(shù)組對(duì)象排序的方法
- 談?wù)刯s中的prototype及prototype屬性解釋和常用方法
相關(guān)文章
Prototype源碼淺析 String部分(一)之有關(guān)indexOf優(yōu)化
Prototype源碼淺析 String部分(一)之有關(guān)indexOf優(yōu)化介紹,需要的朋友可以參考下。2012-01-01
Prototype 學(xué)習(xí) 工具函數(shù)學(xué)習(xí)($方法)
$方法——被成為瑞士軍刀$方法使用技巧。2009-07-07
動(dòng)態(tài)表格Table類的實(shí)現(xiàn)
文件名:Table.js本文件依賴于 prototype.js,prototype_ext.js,Lib.js,DataBinder.js這些文件請(qǐng)參看我的其它文章2009-08-08
初學(xué)prototype,發(fā)個(gè)JS接受URL參數(shù)的代碼
初學(xué)prototype,發(fā)個(gè)JS接受URL參數(shù)的代碼...2007-02-02
Prototype 學(xué)習(xí) 工具函數(shù)學(xué)習(xí)($A方法)
Prototype 學(xué)習(xí) 工具函數(shù)學(xué)習(xí)($A使用方法)2009-07-07
Prototype 學(xué)習(xí) 工具函數(shù)學(xué)習(xí)($w,$F方法)
Prototype $w $F使用方法2009-07-07
Prototype Number對(duì)象 學(xué)習(xí)
這個(gè)對(duì)象提供一些操作數(shù)值類型的工具函數(shù)2009-07-07

