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 对话框和状态栏使用说明
Oct 25 Javascript
Node.js 异步编程之 Callback介绍(一)
Mar 30 Javascript
Bootstrap前端开发案例一
Jun 17 Javascript
jQuery实现边框动态效果的实例代码
Sep 23 Javascript
微信小程序之ES6与事项助手的功能实现
Nov 30 Javascript
JavaScript仿聊天室聊天记录
Dec 27 Javascript
jQuery事件_动力节点Java学院整理
Jul 05 jQuery
js实现轮播图的两种方式(构造函数、面向对象)
Sep 30 Javascript
vue2.0之多页面的开发的示例
Jan 30 Javascript
vue mounted 调用两次的完美解决办法
Oct 29 Javascript
JavaScript实现世界各地时间显示
Sep 07 Javascript
js+canvas实现转盘效果(两个版本)
Sep 13 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
Codeigniter中mkdir创建目录遇到权限问题和解决方法
2014/07/25 PHP
php使用curl简单抓取远程url的方法
2015/03/13 PHP
用javascript实现无刷新更新数据的详细步骤 asp
2006/12/26 Javascript
JavaScript 程序编码规范
2010/11/23 Javascript
node.js中的Socket.IO使用实例
2014/11/04 Javascript
javascript面向对象之定义成员方法实例分析
2015/01/13 Javascript
jQuery子属性过滤选择器用法分析
2015/02/10 Javascript
JavaScript开发者必备的10个Sublime Text插件
2016/02/27 Javascript
js验证框架实现代码分享
2016/05/18 Javascript
jQuery组件easyui对话框实现代码
2016/08/25 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
2017/06/15 Javascript
微信小程序中页面FOR循环和嵌套循环
2017/06/21 Javascript
React-native桥接Android原生开发详解
2018/01/17 Javascript
JS实现前端页面的搜索功能
2018/06/12 Javascript
默认浏览器设置及vue自动打开页面的方法
2018/09/21 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
2019/10/30 Javascript
python实现跨文件全局变量的方法
2014/07/07 Python
Python的Django框架中forms表单类的使用方法详解
2016/06/21 Python
浅谈解除装饰器作用(python3新增)
2018/10/15 Python
解决django model修改添加字段报错的问题
2019/11/18 Python
PyTorch: Softmax多分类实战操作
2020/07/07 Python
解决pycharm导入numpy包的和使用时报错:RuntimeError: The current Numpy installation (‘D:\\python3.6\\lib\\site-packa的问题
2020/12/08 Python
python装饰器代码深入讲解
2021/03/01 Python
HTML5 中新的全局属性(整理)
2013/07/31 HTML / CSS
巴西男士个人护理产品商店:SHOP4MEN
2017/08/07 全球购物
国际性能运动服装品牌:Dare 2b
2018/07/27 全球购物
荷兰最大的多品牌男装连锁店:Adam Brandstore
2019/12/31 全球购物
意大利辅助药品、药物和补品在线销售:FarmaEurope
2020/04/29 全球购物
中学家长会邀请函
2014/02/03 职场文书
三八妇女节超市活动方案
2014/08/18 职场文书
机关党总支领导班子整改方案
2014/09/20 职场文书
公务员政审个人总结
2015/02/12 职场文书
护林员个人总结
2015/03/04 职场文书
安全生产标语口号
2015/12/26 职场文书
MySQL 数据类型选择原则
2021/05/27 MySQL
MySQL优化之慢日志查询
2022/06/10 MySQL