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 21 Javascript
风吟的小型JavaScirpt库 (FY.JS).
Mar 09 Javascript
基于jquery的bankInput银行卡账号格式化
Aug 22 Javascript
在Javascript中 声明时用"var"与不用"var"的区别
Apr 15 Javascript
一个简单的瀑布流效果(主体形式自写)
May 27 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
Jan 02 Javascript
封装了一个支持匿名函数的Javascript事件监听器
Jun 05 Javascript
JavaScript实现表格点击排序的方法
May 11 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
Jun 03 Javascript
Javascript的表单验证-揭开正则表达式的面纱
Mar 18 Javascript
Bootstrap和Java分页实例第二篇
Dec 23 Javascript
详解Vue.js之视图和数据的双向绑定(v-model)
Jun 23 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
浅析application/x-www-form-urlencoded和multipart/form-data的区别
2014/06/22 PHP
CI框架支持$_GET的两种实现方法
2016/05/18 PHP
七种PHP开发环境搭建工具
2020/06/28 PHP
JS控件autocomplete 0.11演示及下载 1月5日已更新
2007/01/09 Javascript
解析window.open的使用方法总结
2013/06/19 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
2014/08/08 Javascript
一个很有趣3D球状标签云兼容IE8
2014/08/22 Javascript
Javascript获取统一管理的提示语(message)
2016/02/03 Javascript
JavaScript的this关键字的理解
2016/06/18 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
2017/08/18 Javascript
微信小程序picker组件下拉框选择input输入框的实例
2017/09/20 Javascript
分享vue.js devtools遇到一系列问题
2017/10/24 Javascript
微信小程序简单实现form表单获取输入数据功能示例
2017/11/30 Javascript
JS实现的简单下拉框联动功能示例
2018/05/11 Javascript
vue实现的网易云音乐在线播放和下载功能案例
2019/02/18 Javascript
vue实现鼠标移入移出事件代码实例
2019/03/27 Javascript
在Python中调用ggplot的三种方法
2015/04/08 Python
在CentOS上配置Nginx+Gunicorn+Python+Flask环境的教程
2016/06/07 Python
一个基于flask的web应用诞生 使用模板引擎和表单插件(2)
2017/04/11 Python
matplotlib设置legend图例代码示例
2017/12/19 Python
Flask框架配置与调试操作示例
2018/07/23 Python
一行Python代码过滤标点符号等特殊字符
2019/08/12 Python
解决python3 安装不了PIL的问题
2019/08/16 Python
Django实现图片上传功能步骤解析
2020/04/22 Python
使用keras根据层名称来初始化网络
2020/05/21 Python
Python调用.net动态库实现过程解析
2020/06/05 Python
使用HTML5 Canvas API绘制弧线的教程
2016/03/22 HTML / CSS
全天然狗零食:Best Bully Sticks
2016/09/22 全球购物
财务人员个人自荐信范文
2013/09/26 职场文书
《歌唱二小放牛郎》教学反思
2014/04/19 职场文书
2014年双拥工作总结
2014/11/21 职场文书
拔河比赛新闻稿
2015/07/17 职场文书
创业计划书之寿司
2019/07/19 职场文书
Nginx反向代理及负载均衡如何实现(基于linux)
2021/03/31 Servers
基于Redis过期事件实现订单超时取消
2021/05/08 Redis