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 相关文章推荐
关于URL中的特殊符号使用介绍
Nov 03 Javascript
不使用ajax实现无刷新提交表单
Dec 21 Javascript
浅谈javascript 归并方法
Jan 21 Javascript
JavaScript脚本判断蜘蛛来源的方法
Sep 22 Javascript
jQuery实现无限往下滚动效果代码
Apr 16 Javascript
jQuery html表格排序插件tablesorter使用方法详解
Feb 10 Javascript
jQuery实现元素的插入
Feb 27 Javascript
解决浏览器会自动填充密码的问题
Apr 28 Javascript
Vue内容分发slot(全面解析)
Aug 19 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 Javascript
JS实现transform实现扇子效果
Jan 17 Javascript
关于React Native使用axios进行网络请求的方法
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
全国FM电台频率大全 - 31 新疆维吾尔族自治区
2020/03/11 无线电
PHP 创建标签云函数代码
2010/05/26 PHP
简单的PHP缓存设计实现代码
2011/09/30 PHP
解析MySql与Java的时间类型
2013/06/22 PHP
神盾加密解密教程(一)PHP变量可用字符
2014/05/28 PHP
php微信公众开发之获取周边酒店信息的方法
2014/12/22 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
通过JavaScript控制字体大小的代码
2011/10/04 Javascript
String.prototype实现的一些javascript函数介绍
2013/11/22 Javascript
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
jQuery制作效果超棒的手风琴折叠菜单
2015/04/03 Javascript
SWFUpload多文件上传及文件个数限制的方法
2016/05/31 Javascript
每日十条JavaScript经验技巧(一)
2016/06/23 Javascript
实用jquery操作表单元素的简单代码
2016/07/04 Javascript
js捕捉键盘事件和按键键值的方法
2016/10/10 Javascript
JSON对象 详解及实例代码
2016/10/18 Javascript
bootstrapValidator bootstrap-select验证不可用的解决办法
2017/01/11 Javascript
在 Angular 中实现搜索关键字高亮示例
2017/03/21 Javascript
vue中使用element-ui进行表单验证的实例代码
2018/06/22 Javascript
Vue.js中对css的操作(修改)具体方式详解
2018/10/30 Javascript
五分钟搞懂Vuex实用知识(小结)
2019/08/12 Javascript
Python读写及备份oracle数据库操作示例
2018/05/17 Python
Windows下python3.7安装教程
2018/07/31 Python
python计算阶乘和的方法(1!+2!+3!+...+n!)
2019/02/01 Python
python包的导入方式总结
2021/03/02 Python
HTML5 Canvas的事件处理介绍
2015/04/24 HTML / CSS
详解使用HTML5 Canvas创建动态粒子网格动画
2016/12/14 HTML / CSS
通过HTML5规范搞定i、em、b、strong元素的区别
2017/03/04 HTML / CSS
阿波罗盒子:Apollo Box
2017/08/14 全球购物
大学生军训自我鉴定
2014/02/12 职场文书
《七颗钻石》教学反思
2014/02/28 职场文书
团支部推优材料
2014/05/21 职场文书
群众路线教育实践活动对照检查材料
2014/09/22 职场文书
员工升职自我评价
2019/03/26 职场文书
几款流行的HTML5 UI框架比较(小结)
2021/04/08 HTML / CSS
使用HttpSessionListener监听器实战
2022/03/17 Java/Android