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 相关文章推荐
javascript数组去重方法终极总结
Jun 05 Javascript
深入理解JavaScript系列(28):设计模式之工厂模式详解
Mar 03 Javascript
jQuery中的siblings用法实例分析
Dec 24 Javascript
js中数组结合字符串实现查找(屏蔽广告判断url等)
Mar 30 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
Oct 10 Javascript
浅谈JS获取元素的N种方法及其动静态讨论
Aug 25 Javascript
ReactNative中使用Redux架构总结
Dec 15 Javascript
vue todo-list组件发布到npm上的方法
Apr 04 Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
Aug 31 Javascript
手淘flexible.js框架使用和源代码讲解小结
Oct 15 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
Oct 21 Javascript
学习 Vue.js 遇到的那些坑
Feb 02 Vue.js
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
Terran历史背景
2020/03/14 星际争霸
PHP开发中的错误收集,不定期更新。
2011/02/03 PHP
PHP面向对象的进阶学习(抽像类、接口、final、类常量)
2012/05/07 PHP
php中字符串和正则表达式详解
2014/10/23 PHP
php采用session实现防止页面重复刷新
2015/12/24 PHP
php记录搜索引擎爬行记录的实现代码
2018/03/02 PHP
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
2010/03/31 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
JS实现往下不断流动网页背景的方法
2015/02/27 Javascript
jQuery实现checkbox即点即改批量删除及中间遇到的坑
2017/11/11 jQuery
浅谈Vue内置component组件的应用场景
2018/03/27 Javascript
Vue中常用rules校验规则(实例代码)
2019/11/14 Javascript
vue props 一次传多个值实例
2020/07/22 Javascript
Python while、for、生成器、列表推导等语句的执行效率测试
2015/06/03 Python
Python+微信接口实现运维报警
2016/08/27 Python
解决Pandas to_json()中文乱码,转化为json数组的问题
2018/05/10 Python
Anaconda2 5.2.0安装使用图文教程
2018/09/19 Python
Python获取好友地区分布及好友性别分布情况代码详解
2019/07/10 Python
selenium+PhantomJS爬取豆瓣读书
2019/08/26 Python
Python3.7安装keras和TensorFlow的教程图解
2020/06/18 Python
pandas中read_csv的缺失值处理方式
2019/12/19 Python
解决python3插入mysql时内容带有引号的问题
2020/03/02 Python
Python开发之身份证验证库id_validator验证身份证号合法性及根据身份证号返回住址年龄等信息
2020/03/20 Python
matplotlib基础绘图命令之imshow的使用
2020/08/13 Python
python Tornado框架的使用示例
2020/10/19 Python
Opencv python 图片生成视频的方法示例
2020/11/18 Python
在PyCharm中安装PaddlePaddle的方法
2021/02/05 Python
Lyle & Scott苏格兰金鹰官网:英国皇室御用品牌
2018/05/09 全球购物
Herschel Supply Co.美国:背包、手提袋及配件
2020/11/24 全球购物
大学新生军训个人的自我评价
2013/10/03 职场文书
英语专业毕业生自我鉴定
2013/11/09 职场文书
24岁生日感言
2014/01/13 职场文书
运动会开幕式邀请函
2014/01/22 职场文书
师范类求职信
2014/06/21 职场文书
大学课外活动总结
2014/07/09 职场文书
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
2021/12/06 HTML / CSS