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 相关文章推荐
网站上面有这种切换效果
Jun 26 Javascript
ASP Json Parser修正版
Dec 06 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
lhgcalendar时间插件限制只能选择三个月的实现方法
Jul 03 Javascript
Angularjs添加排序查询功能的实例代码
Oct 24 Javascript
JavaScript实现修改伪类样式
Nov 27 Javascript
JS实现匀速与减速缓慢运动的动画效果封装示例
Aug 27 Javascript
微信小程序实现提交input信息到后台的方法示例
Jan 19 Javascript
关于vue状态过渡transition不起作用的原因解决
Apr 09 Javascript
解决layer图标icon不加载的问题
Sep 04 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
Aug 27 Javascript
vue实现顶部菜单栏
Nov 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
一贴学会PHP 新手入门教程
2009/08/03 PHP
PHP中for与foreach的区别分析
2011/03/09 PHP
PHP模板引擎Smarty的缓存使用总结
2014/04/24 PHP
php+mysql不用递归实现的无限级分类实例(非递归)
2014/07/08 PHP
[原创]php实现 data url的图片生成与保存
2016/12/04 PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
2017/12/21 PHP
php适配器模式简单应用示例
2019/10/23 PHP
PHP发送邮件确认验证注册功能示例【修改别人邮件类】
2019/11/09 PHP
PHP执行系统命令函数实例讲解
2021/03/03 PHP
运算符&&的三个不同层次
2013/04/07 Javascript
iframe窗口高度自适应的实现方法
2014/01/08 Javascript
javascript的解析执行顺序在各个浏览器中的不同
2014/03/17 Javascript
js动态添加表格数据使用insertRow和insertCell实现
2014/05/22 Javascript
Javascript前端UI框架Kit使用指南之kitjs的对话框组件
2014/11/28 Javascript
从零开始学习Node.js系列教程五:服务器监听方法示例
2017/04/13 Javascript
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
2018/04/08 Javascript
Vue 子组件与数据传递问题及注意事项
2019/07/11 Javascript
微信小程序实现页面监听自定义组件的触发事件
2020/11/01 Javascript
python文件与目录操作实例详解
2016/02/22 Python
Python编程之event对象的用法实例分析
2017/03/23 Python
Python 关于反射和类的特殊成员方法
2017/09/14 Python
解决python执行不输出系统命令弹框的问题
2019/06/24 Python
在python中使用pymysql往mysql数据库中插入(insert)数据实例
2020/03/02 Python
谈谈Python:为什么类中的私有属性可以在外部赋值并访问
2020/03/05 Python
python logging 重复写日志问题解决办法详解
2020/08/04 Python
Python unittest如何生成HTMLTestRunner模块
2020/09/08 Python
使用 HTML5 Canvas 制作水波纹效果点击图片就会触发
2014/09/15 HTML / CSS
html5 制作地图当前定位箭头的方法示例
2020/01/10 HTML / CSS
以实惠的价格轻松租车,免费取消:Easyrentcars
2019/07/16 全球购物
Harrods英国:世界领先的奢侈品百货商店
2020/09/23 全球购物
linux面试题参考答案(1)
2016/01/22 面试题
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2012/04/17 面试题
基层党建工作宣传标语
2014/06/24 职场文书
经营目标管理责任书
2014/07/25 职场文书
四风问题个人对照检查剖析材料
2014/09/27 职场文书
《彼得与狼》教学反思
2016/02/20 职场文书