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 相关文章推荐
高效的获取当前元素是父元素的第几个子元素
Oct 15 Javascript
JavaScript操作cookie类实例
Mar 31 Javascript
Js+php实现异步拖拽上传文件
Jun 23 Javascript
js获取当前日期时间及其它日期操作汇总
Mar 08 Javascript
JS 终止执行的实现方法
Nov 24 Javascript
JavaScript实现经典排序算法之插入排序
Dec 28 Javascript
微信小程序 scroll-view隐藏滚动条详解
Jan 16 Javascript
小试SVG之新手小白入门教程
Jan 08 Javascript
js回文数的4种判断方法示例
Jun 04 Javascript
聊聊Vue 中 title 的动态修改问题
Jun 11 Javascript
JavaScript工具库之Lodash详解
Jun 15 Javascript
原生JS实现音乐播放器的示例代码
Feb 25 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
Destoon旺旺无法正常显示,点击提示“会员名不存在”的解决办法
2014/06/21 PHP
PHP中SSO Cookie登录分析和实现
2015/11/06 PHP
php微信开发之关注事件
2018/06/14 PHP
科讯商业版中用到的ajax空间与分页函数
2007/09/02 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
纯JS实现根据CSS的class选择DOM
2014/03/22 Javascript
jQuery简易图片放大特效示例代码
2014/06/09 Javascript
jQuery插件datepicker 日期连续选择
2015/06/12 Javascript
深入理解javascript中的 “this”
2017/01/17 Javascript
Vue.js仿Metronic高级表格(二)数据渲染
2017/04/19 Javascript
HTML5开发Kinect体感游戏的实例应用
2017/09/18 Javascript
解决vue点击控制单个样式的问题
2018/09/05 Javascript
微信小程序实现的五星评价功能示例
2019/04/25 Javascript
Vue使用NProgress进度条的方法
2019/09/21 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
2020/04/26 Javascript
JavaScript实现H5接金币功能(实例代码)
2021/02/22 Javascript
python定时执行指定函数的方法
2015/05/27 Python
python 随机打乱 图片和对应的标签方法
2018/12/14 Python
扩展Django admin的list_filter()可使用范围方法
2019/08/21 Python
Python GUI学习之登录系统界面篇
2019/08/21 Python
python中68个内置函数的总结与介绍
2020/02/24 Python
Python类的绑定方法和非绑定方法实例解析
2020/03/04 Python
python如何调用字典的key
2020/05/25 Python
Python中的wordcloud库安装问题及解决方法
2020/05/27 Python
可以使用抽象函数重写基类中的虚函数吗
2013/06/02 面试题
5个HTML5的常用本地存储方式详解与介绍
2021/03/27 HTML / CSS
大学生最常用的自我评价
2013/12/07 职场文书
如何客观的进行自我评价
2013/12/17 职场文书
办护照工作证明
2014/10/01 职场文书
出国留学自荐信模板
2015/03/06 职场文书
在职人员跳槽求职信
2015/03/20 职场文书
学校计划生育责任书
2015/05/09 职场文书
2015秋季开学典礼演讲稿
2015/07/16 职场文书
Nginx同一个域名配置多个项目的实现方法
2021/03/31 Servers
Python实现文本文件拆分写入到多个文本文件的方法
2021/04/18 Python
Python 实现Mac 屏幕截图详解
2021/10/05 Python