Prototype使用指南之form.js


Posted in Javascript onJanuary 10, 2007

这一部分提供了很多与表单操作有关的功能,包括以下部分,当通过$方法返回元素时,可以直接通过$(element).method()调用:

Form对象:提供了操作整个表单的一些方法
Form.Element对象:提供了操作某个表单元素的方法
TimedObserver类:周期性表单监视器,当表单元素值改变的时候执行一个回调函数,有Form和Element两种类型
EventObserver类:利用事件来监视表单元素,当表单元素值改变的时候执行一个回调函数,有Form和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)返回的元素得到焦点

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):是元素可用

$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,参数跟上面一样

Javascript 相关文章推荐
javascript的offset、client、scroll使用方法详解
Dec 25 Javascript
js解析与序列化json数据(二)序列化探讨
Feb 01 Javascript
JS正则验证邮箱的格式详细介绍
Nov 19 Javascript
使用GruntJS构建Web程序之合并压缩篇
Jun 06 Javascript
js函数与php函数的区别实例浅析
Jan 12 Javascript
jquery实现图片放大镜功能
Nov 23 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
Feb 24 Javascript
JS实现页面载入时随机显示图片效果
Sep 07 Javascript
React中ES5与ES6写法的区别总结
Apr 21 Javascript
JS 中document.write()的用法和清空的原因浅析
Dec 04 Javascript
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 jQuery
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
Dec 19 Javascript
Prototype使用指南之selector.js
Jan 10 #Javascript
Prototype使用指南之dom.js
Jan 10 #Javascript
Prototype使用指南之ajax
Jan 10 #Javascript
Prototype使用指南之range.js
Jan 10 #Javascript
Prototype使用指南之hash.js
Jan 10 #Javascript
Prototype使用指南之array.js
Jan 10 #Javascript
Prototype使用指南之enumerable.js
Jan 10 #Javascript
You might like
php短信接口代码
2016/05/13 PHP
PHP使用PDO调用mssql存储过程的方法示例
2017/10/07 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
IE与Firefox下javascript getyear年份的兼容性写法
2007/12/20 Javascript
将函数的实际参数转换成数组的方法
2010/01/25 Javascript
一个网马的tips实现分析
2010/11/28 Javascript
某人初学javascript的时候写的学习笔记
2010/12/30 Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
2013/11/30 Javascript
jquery插件jquery倒计时插件分享
2013/12/27 Javascript
一个检测表单数据的JavaScript实例
2014/10/31 Javascript
node.js中的console.error方法使用说明
2014/12/10 Javascript
JS网页在线获取鼠标坐标值的方法
2015/02/28 Javascript
jquery实现下拉框功能效果【实例代码】
2016/05/06 Javascript
Angular directive递归实现目录树结构代码实例
2017/05/05 Javascript
浅析Vue自定义组件的v-model
2017/11/26 Javascript
Vue.js实现分页查询功能
2020/11/15 Javascript
JSON字符串操作移除空串更改key/value的介绍
2019/01/05 Javascript
vue element-ui el-date-picker限制选择时间为当天之前的代码
2019/11/07 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
2019/11/13 Javascript
vue使用require.context实现动态注册路由
2020/12/25 Vue.js
微信小程序视频弹幕发送功能的实现
2020/12/28 Javascript
python threading模块操作多线程介绍
2015/04/08 Python
python list是否包含另一个list所有元素的实例
2018/05/04 Python
解决Pycharm中import时无法识别自己写的程序方法
2018/05/18 Python
python 统计列表中不同元素的数量方法
2018/06/29 Python
Python实现深度遍历和广度遍历的方法
2019/01/22 Python
python实现七段数码管和倒计时效果
2019/11/23 Python
解决torch.autograd.backward中的参数问题
2020/01/07 Python
python内打印变量之%和f的实例
2020/02/19 Python
PyCharm 无法 import pandas 程序卡住的解决方式
2020/03/09 Python
精选干货:Java精选笔试题附答案
2014/01/18 面试题
白血病捐款倡议书
2014/05/14 职场文书
工厂仓库管理员岗位职责
2015/04/09 职场文书
活动经费申请报告
2015/05/15 职场文书
手术室消毒隔离制度
2015/08/05 职场文书
Python机器学习之底层实现KNN
2021/06/20 Python