- 时间:2022-08-15 14:18 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:Prototype使用指南之form.js
这一部分提供了很多与表单操作有关的功能,包括以下部分,当通过$方法返回元素时,可以直接通过$(element).method()调用:
Form对象:提供了操作整个表单的一些方法
Form.Element对象:提供了操作某个表单元素的方法
TimedObserver类:周期性表单监视器,当表单元素值改变的时候执行一个回调函数,有Form和Element两种类型
EventObserver类:利用事件来监视表单元素,当表单元素值改变的时候执行一个回调函数,有Form和Element两种类型
[b]Form对象:[/b]
[b]reset(form):[/b]form.reset()
[b]serializeElements(elements):[/b]将elements中的元素序列化,就是返回指定的所有元素的queryString的形式,便于在xmlhttp或其他地方使用
[b]serialize(form):[/b]序列化整个表单
[b]getElements(form):[/b]返回表单的所有可序列化元素
[b]getInputs(form, typeName, name):[/b]返回所有符合typeName和name的input元素
[b]disable(form):[/b]使整个表单处于不可用状态
[b]enable(form) :[/b]是整个表单可用
[b]findFirstElement(form):[/b]返回类型为'input', 'select', 'textarea'的第一个可用的非隐藏元素
[b]focusFirstElement(form):[/b]使findFirstElement(form)返回的元素得到焦点
[b]Form.Element对象:[/b]
[b]focus(element) [/b][b]select(element):[/b]html元素内置方法的封装,除了返回元素本身
[b]serialize(element):[/b]序列化指定的表单元素,返回key=value的形式,返回的string已经encodeURIComponent了
[b]getValue(element):[/b]返回元素的值
[b]clear(element):[/b]清除元素的值
[b]present(element):[/b]判断元素的值是否非空
[b]activate(element):[/b]使元素获得焦点
[b]disable(element):[/b]使元素不可用
[b]enable(element):[/b]是元素可用
[b]$F = Form.Element.getValue[/b] 方便使用
[b]Form.Element.Observer以及Form.Observer类:[/b]
周期性监视表单元素,如果表单或表单元素的值有改变时,执行执行一个回调函数,使用方式如下:
var oser=new Form.Element.Observer(element, frequency, callback)
or oser=new Form.Observer(form, frequency, callback)
callback可以定义两个参数 form/element、Form.serialize()/value
[b]Form.Element.EventObserver和Form.EventObserver类:[/b]
这两个类跟上面的差不多,只是不是周期性的监视,而是利用元素的change或click事件来监视表单元素的变化,当发生变化时执行callback,参数跟上面一样