WEB开发网      濠电娀娼ч崐濠氬疾椤愶附鍋熸い鏍ㄧ〒闂勫嫰鏌﹀Ο渚Ц闁诲氦顕ч湁婵犲﹤楠告禍鍓х磼鏉堛劌绗氶柟宄版嚇閹晠宕归銈嗘濠电偞鍨堕幐鎾磻閹捐秮褰掓偐閻戞﹩妫勯梺鎼炲妼鐎涒晝绮嬪澶樻晝闁挎繂鏌婇敃鍌涚厵閻庢稒锚閻忥絾绻濇繝鍐ㄧ伌闁诡垰鍟村畷鐔碱敂閸♀晙绱樺┑鐐差嚟婵儳螞閸曨剚鍙忛柍鍝勬噹缁€澶嬬箾閹存繄锛嶆鐐灲閹綊宕惰濡插鏌涢妸銉ヮ劉缂佸倸绉归弫鎾绘晸閿燂拷 ---闂備焦瀵уú鈺呭箯閿燂拷
开发学院网页设计JavaScript Prototype使用学习手册指南之form.js 阅读

Prototype使用学习手册指南之form.js

 2010-09-14 13:11:52 来源:WEB开发网 闂備線娼уΛ鎾箯閿燂拷闂備礁鎲¢崹鐢垫崲閹扮増鍎嶆い鎺戝€甸崑鎾斥槈濞嗗秳娌紓鍌氱▌閹凤拷濠电姭鎷冮崨顓濈捕闂侀潧娲ゅú銊╁焵椤掍胶鈯曢柕鍥╁仧缁辩偤鏁撻敓锟�闂備線娼уΛ鎾箯閿燂拷  闂備胶枪缁绘鈻嶉弴銏犳瀬闁绘劕鐏氱€氼剟姊洪崹顕呭剰闁逞屽墮缁夊綊寮婚妸褉鍋撻棃娑欏暈闁伙綀浜埀顒傛暬閸嬪﹪宕伴弽褏鏆﹂柨鐕傛嫹
核心提示:这一部分提供了很多与表单操作有关的功能,包括以下部分,Prototype使用学习手册指南之form.js,当通过$方法返回元素时,可以直接通过$(element).method()调用:Form对象:提供了操作整个表单的一些方法Form.Element对象:提供了操作某个表单元素的方法TimedObserver类:周期

这一部分提供了很多与表单操作有关的功能,包括以下部分,当通过$方法返回元素时,可以直接通过$(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,参数跟上面一样

Tags:Prototype 使用 学习

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接