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中html()方法用法实例
Dec 25 Javascript
js+css实现select的美化效果
Mar 24 Javascript
深入浅析JavaScript中的作用域和上下文
Mar 26 Javascript
如何用js实现鼠标向上滚动时浮动导航
Jul 18 Javascript
JS遍历页面所有对象属性及实现方法
Aug 01 Javascript
Node+Express+MongoDB实现登录注册功能实例
Apr 23 Javascript
vue项目中使用ueditor的实例讲解
Mar 05 Javascript
React项目动态设置title标题的方法示例
Sep 26 Javascript
在vue中获取token,并将token写进header的方法
Sep 26 Javascript
vue路由事件beforeRouteLeave及组件内定时器的清除方法
Sep 29 Javascript
vue--vuex详解
Apr 15 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
Jul 20 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注释实例技巧
2008/10/03 PHP
解析php中array_merge与array+array的区别
2013/06/21 PHP
PHP关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
php简单图像创建入门实例
2015/06/10 PHP
php时间计算相关问题小结
2016/05/09 PHP
PHP针对多用户实现更换头像功能
2016/09/04 PHP
使用JQUERY进行后台页面布局控制DIV实现左右式
2014/01/07 Javascript
table对象中的insertRow与deleteRow使用示例
2014/01/26 Javascript
Bootstrap按钮组简单实现代码
2017/03/06 Javascript
angularjs+bootstrap实现自定义分页的实例代码
2017/06/19 Javascript
node中Express 动态设置端口的方法
2017/08/04 Javascript
基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)
2017/11/21 Javascript
js判断输入框不能为空格或null值的实现方法
2018/03/02 Javascript
微信小程序如何自定义table组件
2019/06/29 Javascript
Vuex的热更替如何实现
2020/06/05 Javascript
深入理解 ES6中的 Reflect用法
2020/07/18 Javascript
vscode 调试 node.js的方法步骤
2020/09/15 Javascript
微信小程序实现打卡签到页面
2020/09/21 Javascript
vue内置组件keep-alive事件动态缓存实例
2020/10/30 Javascript
Python中用max()方法求最大值的介绍
2015/05/15 Python
Python实现多线程抓取妹子图
2015/08/08 Python
Python中Threading用法详解
2017/12/27 Python
对python多线程与global变量详解
2018/11/09 Python
tensorflow之获取tensor的shape作为max_pool的ksize实例
2020/01/04 Python
在pycharm中创建django项目的示例代码
2020/05/28 Python
Python猫眼电影最近上映的电影票房信息
2020/09/18 Python
HTML5 拖放功能实现代码
2016/07/14 HTML / CSS
HTML5 图片悬停放大的实现代码示例
2019/12/04 HTML / CSS
书法培训心得体会
2014/01/05 职场文书
《童年》教学反思
2014/02/18 职场文书
电气工程及其自动化专业毕业生自荐信
2014/06/21 职场文书
违纪开除通知书
2015/04/25 职场文书
花田少年史观后感
2015/06/16 职场文书
python实现自动化群控的步骤
2021/04/11 Python
python中的plt.cm.Paired用法说明
2021/05/31 Python
Python类方法总结讲解
2021/07/26 Python