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 相关文章推荐
firefox下对ajax的onreadystatechange的支持情况分析
Dec 14 Javascript
HTML颜色选择器实现代码
Nov 23 Javascript
js数组的操作详解
Mar 27 Javascript
js编码、解码函数介绍及其使用示例
Sep 05 Javascript
JS控制表单提交的方法
Jul 09 Javascript
JavaScript节点及列表操作实例小结
Aug 05 Javascript
微信jssdk在iframe页面失效问题的解决措施
Mar 03 Javascript
js防阻塞加载的实现方法
Sep 09 Javascript
Vue.js实现分页查询功能
Nov 15 Javascript
解决vue-cli项目打包出现空白页和路径错误的问题
Sep 04 Javascript
Node.js Windows Binary二进制文件安装方法
May 16 Javascript
Vue实现商品分类菜单数量提示功能
Jul 26 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 readfile下载大文件失败的解决方法
2017/05/22 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
Yii2语言国际化的配置教程
2018/08/19 PHP
php实现将数据做成json的格式给前端使用
2018/08/21 PHP
PHP中PCRE正则解析代码详解
2019/04/26 PHP
Javascript与flash交互通信基础教程
2008/08/07 Javascript
IE 条件注释详解总结(附实例代码)
2009/08/29 Javascript
jQueryUI如何自定义组件实现代码
2010/11/14 Javascript
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
javascript读取Xml文件做一个二级联动菜单示例
2014/03/17 Javascript
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
javascript函数式编程实例分析
2015/04/25 Javascript
AngularJS转换响应内容
2016/01/27 Javascript
JS实现设置ff与ie元素绝对位置的方法
2016/03/08 Javascript
JavaScript学习笔记之数组去重
2016/03/23 Javascript
jQuery的each循环用法简单示例
2016/06/12 Javascript
js发送短信倒计时的简单实现方法
2016/09/08 Javascript
轻松理解Javascript变量的相关问题
2017/01/20 Javascript
JS实现复制内容到剪贴板功能
2017/02/05 Javascript
bootstrap弹出层的多种触发方式
2017/05/10 Javascript
jQuery之动画ajax事件(实例讲解)
2017/07/18 jQuery
Vue proxyTable配置多个接口地址,解决跨域的问题
2020/09/11 Javascript
JS实现纸牌发牌动画
2021/01/19 Javascript
Python中DJANGO简单测试实例
2015/05/11 Python
Python实现图像几何变换
2015/07/06 Python
获取python的list中含有重复值的index方法
2018/06/27 Python
Python简单I/O操作示例
2019/03/18 Python
python 19个值得学习的编程技巧
2020/08/15 Python
爱尔兰灯和灯具网上商店:Lights.ie
2018/03/26 全球购物
高中运动会入场词
2014/02/14 职场文书
教师竞聘上岗演讲稿
2014/09/03 职场文书
技术员岗位职责
2015/02/04 职场文书
培训师岗位职责
2015/02/14 职场文书
2016元旦文艺汇演主持词
2015/07/06 职场文书
商业计划书如何写?关键问题有哪些?
2019/07/11 职场文书
Java中多线程下载图片并压缩能提高效率吗
2021/07/01 Java/Android