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异步编程模型Promise模式详细介绍
May 08 Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
Jul 31 Javascript
jquery结合CSS使用validate实现漂亮的验证
Jan 29 Javascript
jQuery实现获取table表格第一列值的方法
Mar 01 Javascript
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
Mar 16 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
Jun 30 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
Feb 10 Javascript
用jQuery实现圆点图片轮播效果
Mar 19 Javascript
Vue-cli创建项目从单页面到多页面的方法
Sep 20 Javascript
express.js中间件说明详解
Mar 19 Javascript
axios如何利用promise无痛刷新token的实现方法
Aug 27 Javascript
原生js+canvas实现贪吃蛇效果
Aug 02 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
Smarty使用自定义资源的方法
2015/08/08 PHP
Linux下编译redis和phpredis的方法
2016/04/07 PHP
javascript document.referrer 用法
2009/04/30 Javascript
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
2010/07/13 Javascript
向左滚动文字 js代码效果
2013/08/17 Javascript
Jquery给基本控件的取值、赋值示例
2014/05/23 Javascript
jquery 页眉单行信息滚动显示实现思路及代码
2014/06/26 Javascript
JavaScript使用push方法添加一个元素到数组末尾用法实例
2015/04/06 Javascript
jquery ajax 如何向jsp提交表单数据
2015/08/23 Javascript
JS与jQ读取xml文件的方法
2015/12/08 Javascript
常用的JQuery函数及功能小结
2016/03/24 Javascript
Ajax跨域实现代码(后台jsp)
2017/01/21 Javascript
Vue.Js中的$watch()方法总结
2017/03/23 Javascript
Vuex 单状态库与多模块状态库详解
2018/12/11 Javascript
用Electron写个带界面的nodejs爬虫的实现方法
2019/01/29 NodeJs
JS实现动态星空背景效果
2019/11/01 Javascript
javascript 原型与原型链的理解及实例分析
2019/11/23 Javascript
extjs4图表绘制之折线图实现方法分析
2020/03/06 Javascript
python模块简介之有序字典(OrderedDict)
2016/12/01 Python
python中的变量如何开辟内存
2018/06/26 Python
解决Python设置函数调用超时,进程卡住的问题
2019/08/08 Python
如何分离django中的媒体、静态文件和网页
2019/11/12 Python
使用Python绘制台风轨迹图的示例代码
2020/09/21 Python
TensorFlow的环境配置与安装方法
2021/02/20 Python
CSS3 实现图形下落动画效果
2020/11/13 HTML / CSS
将n个数按输入顺序的逆序排列,用函数实现
2012/11/14 面试题
个人求职信范文分享
2014/01/06 职场文书
大学生简短的自我评价分享
2014/02/20 职场文书
环境整治工作方案
2014/05/18 职场文书
暖通工程师岗位职责
2014/06/12 职场文书
教师批评与自我批评材料
2014/10/16 职场文书
首次购房证明
2015/06/19 职场文书
只需要12页,掌握撰写一流商业计划书的技巧
2019/05/07 职场文书
Python Pandas pandas.read_sql函数实例用法
2021/06/21 Python
利用python实时刷新基金估值(摸鱼小工具)
2021/09/15 Python
Oracle 多表查询基本语法实例
2022/04/18 Oracle