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插件制作教程 txtHover
Aug 17 Javascript
js相册效果代码(点击创建即可)
Apr 16 Javascript
jQuery制作简洁的多级联动Select下拉框
Dec 23 Javascript
jQuery实现新消息闪烁标题提示的方法
Mar 11 Javascript
JQuery解析XML数据的几个简单实例
May 18 Javascript
jQuery实现大图轮播
Feb 13 Javascript
Javascript面试经典套路reduce函数查重
Mar 23 Javascript
浅谈angular2 组件的生命周期钩子
Aug 12 Javascript
webpack中的热刷新与热加载的区别
Apr 09 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
vue 组件开发原理与实现方法详解
Nov 29 Javascript
JavaScript中isPrototypeOf函数
Nov 07 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 图片上传代码
2011/09/13 PHP
php中单个数据库字段多列显示(单字段分页、横向输出)
2014/07/28 PHP
php最简单的删除目录与文件实现方法
2014/11/28 PHP
修复ShopNC使用QQ 互联时提示100010 错误
2015/11/08 PHP
PHP微信红包API接口
2015/12/05 PHP
php设计模式之组合模式实例详解【星际争霸游戏案例】
2020/03/27 PHP
JavaScript中的对象化编程
2008/01/16 Javascript
javascript返回顶部效果(自写代码)
2013/01/06 Javascript
JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例
2013/06/29 Javascript
jQuery实现文件上传进度条特效
2015/08/12 Javascript
纯JS代码实现一键分享功能
2016/04/20 Javascript
只需五句话搞定JavaScript作用域(经典)
2016/07/26 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
2017/01/11 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
2017/04/14 jQuery
Node.js+jade抓取博客所有文章生成静态html文件的实例
2017/09/19 Javascript
three.js加载obj模型的实例代码
2017/11/10 Javascript
在Vue-cli里应用Vuex的state和mutations方法
2018/09/16 Javascript
vue 指令之气泡提示效果的实现代码
2018/10/18 Javascript
webpack开发环境和生产环境的深入理解
2018/11/08 Javascript
微信公众号开发之微信支付代码记录的实现
2019/10/16 Javascript
Python版微信红包分配算法
2015/05/04 Python
Python使用pygame模块编写俄罗斯方块游戏的代码实例
2015/12/08 Python
python中模块的__all__属性详解
2017/10/26 Python
python定向爬取淘宝商品价格
2018/02/27 Python
python实现指定文件夹下的指定文件移动到指定位置
2018/09/17 Python
在python中利用GDAL对tif文件进行读写的方法
2018/11/29 Python
tensorflow实现测试时读取任意指定的check point的网络参数
2020/01/21 Python
Python转换itertools.chain对象为数组的方法
2020/02/07 Python
利用keras使用神经网络预测销量操作
2020/07/07 Python
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
Skip Hop官网:好莱坞宝宝挚爱品牌
2018/06/17 全球购物
写一个方法,输入一个文件名和一个字符串,统计这个字符串在这个文件中出现的次数
2016/04/13 面试题
花卉与景观设计系大学生求职信
2013/10/01 职场文书
2015医院个人工作总结范文
2015/05/21 职场文书
格列夫游记读书笔记
2015/07/01 职场文书
pytorch中的model=model.to(device)使用说明
2021/05/24 Python