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 相关文章推荐
jQuery Ajax使用 全解析
Dec 15 Javascript
jquery animate图片模向滑动示例代码
Jan 26 Javascript
zTree插件之单选下拉菜单实例代码
Nov 07 Javascript
js实现网页标题栏闪烁提示效果实例分析
Nov 20 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
Feb 27 Javascript
全屏js头像上传插件源码高清版
Mar 29 Javascript
JS对象的深度克隆方法示例
Mar 16 Javascript
ES6入门教程之Class和Module详解
May 17 Javascript
简单实现jquery隔行变色
Nov 09 jQuery
JS中使用cavas截图网页并解决跨域及模糊问题
Nov 13 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
Jul 10 Javascript
Javascript摸拟自由落体与上抛运动原理与实现方法详解
Apr 08 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
雄兵连:第三季确定会出,不过时间未定,鹤熙是第三季的主角!
2020/03/13 国漫
PHP CLI模式下的多进程应用分析
2013/06/03 PHP
PHP上传图片、删除图片简单实例
2016/11/12 PHP
thinkphp5使html5实现动态跳转的例子
2019/10/16 PHP
封装好的省市地区联动控件附下载
2007/08/13 Javascript
使用js操作css实现js改变背景图片示例
2014/03/10 Javascript
JavaScript中的值类型详细介绍
2014/12/29 Javascript
jquery+easeing实现仿flash的载入动画
2015/03/10 Javascript
javascript白色简洁计算器
2015/05/04 Javascript
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果
2015/08/31 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
2016/12/14 Javascript
webpack配置的最佳实践分享
2017/04/21 Javascript
js验证身份证号码记录的方法
2019/04/26 Javascript
浅谈React Native 传参的几种方式(小结)
2019/05/21 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
2019/06/19 Javascript
nodejs语言实现验证码生成功能的示例代码
2019/10/13 NodeJs
解决vue-pdf查看pdf文件及打印乱码的问题
2020/11/04 Javascript
[02:32]DOTA2英雄基础教程 祸乱之源
2013/12/23 DOTA
处理Python中的URLError异常的方法
2015/04/30 Python
Python中atexit模块的基本使用示例
2015/07/08 Python
Python在Windows和在Linux下调用动态链接库的教程
2015/08/18 Python
Python学习小技巧之利用字典的默认行为
2017/05/20 Python
Python语言生成水仙花数代码示例
2017/12/18 Python
pytorch: tensor类型的构建与相互转换实例
2018/07/26 Python
基于python实现蓝牙通信代码实例
2019/11/19 Python
Django Haystack 全文检索与关键词高亮的实现
2020/02/17 Python
Python requests设置代理的方法步骤
2020/02/23 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
Django2.1.7 查询数据返回json格式的实现
2020/12/29 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
幼师自荐信
2013/10/26 职场文书
采购部经理岗位职责
2014/02/10 职场文书
顶碗少年教学反思
2014/02/21 职场文书
python 利用PyAutoGUI快速构建自动化操作脚本
2021/05/31 Python
Matlab如何实现矩阵复制扩充
2021/06/02 Python
MySQL悲观锁与乐观锁的实现方案
2021/11/02 MySQL