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 相关文章推荐
各种常用浏览器getBoundingClientRect的解析
May 21 Javascript
extjs中form与grid交互数据(record)的方法
Aug 29 Javascript
jQuery 设置 CSS 属性示例介绍
Jan 16 Javascript
利用a标签自动解析URL分析网址实例
Oct 20 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
Nov 03 Javascript
JavaScript程序设计之JS调试
Dec 09 Javascript
jQuery自动完成插件completer附源码下载
Jan 04 Javascript
关于jquery中attr()和prop()方法的区别
May 28 jQuery
angular.js实现列表orderby排序的方法
Oct 02 Javascript
Vue 实现前进刷新后退不刷新的效果
Jun 14 Javascript
Node.js系列之发起get/post请求(2)
Aug 30 Javascript
Vue使用screenfull实现全屏效果
Sep 17 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
在PWS上安装PHP4.0正式版
2006/10/09 PHP
php中时间轴开发(刚刚、5分钟前、昨天10:23等)
2011/10/03 PHP
php数组函数序列之array_sum() - 计算数组元素值之和
2011/10/29 PHP
php笔记之:有规律大文件的读取与写入的分析
2013/04/26 PHP
ThinkPHP CURD方法之field方法详解
2014/06/18 PHP
分享PHP源码批量抓取远程网页图片并保存到本地的实现方法
2015/12/01 PHP
PHP创建PowerPoint2007文档的方法
2015/12/10 PHP
Ubuntu 16.04下安装PHP 7过程详解
2017/03/28 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
prototype Element学习笔记(篇二)
2008/10/26 Javascript
javascript 实现简单的table排序及table操作练习
2012/12/28 Javascript
window.print打印指定div实例代码
2013/12/13 Javascript
json字符串之间的相互转换示例代码
2014/08/21 Javascript
Jquery效果大全之制作电脑健康体检得分特效附源码下载
2015/11/02 Javascript
jqueryMobile使用示例分享
2016/01/12 Javascript
给easyui datebox扩展一个清空的实例
2016/11/09 Javascript
详解jQuery插件开发方式
2016/11/22 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
字太多用...代替的方法(两种)
2017/03/15 Javascript
Angular2里获取(input file)上传文件的内容的方法
2017/09/05 Javascript
浅谈React和Redux的连接react-redux
2017/12/04 Javascript
JavaScript实现的反序列化json字符串操作示例
2018/07/18 Javascript
微信小程序支付前端源码
2018/08/29 Javascript
vue构建动态表单的方法示例
2018/09/22 Javascript
如何基于vue-cli3.0构建功能完善的移动端架子
2019/04/24 Javascript
JSONObject与JSONArray使用方法解析
2020/09/28 Javascript
python中 ? : 三元表达式的使用介绍
2013/10/09 Python
Python编程在flask中模拟进行Restful的CRUD操作
2018/12/28 Python
解决Pycharm界面的子窗口不见了的问题
2019/01/17 Python
Python使用Socket实现简单聊天程序
2020/02/28 Python
美国知名女性服饰品牌:New York & Company
2017/03/23 全球购物
Java面向对象面试题
2016/12/26 面试题
捐款活动总结
2014/08/27 职场文书
MySQL基础(二)
2021/04/05 MySQL
MySQL 使用自定义变量进行查询优化
2021/05/14 MySQL
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers