if (parameter) return parameter[1]; } }
/** * prototype 的所谓序列化其实就是将表单的名字和值组合成一个数组 */ Form.Element.Serializers = { input: function(element) { switch (element.type.toLowerCase()) { case 'submit': case 'hidden': case 'password': case 'text': return Form.Element.Serializers.textarea(element); case 'checkbox': case 'radio': return Form.Element.Serializers.inputSelector(element); } return false; },
inputSelector: function(element) { if (element.checked) return [element.name, element.value]; },
textarea: function(element) { return [element.name, element.value]; },
select: function(element) { return Form.Element.Serializers[element.type == 'select-one' ? 'selectOne' : 'selectMany'](element); },
selectOne: function(element) { var value = '', opt, index = element.selectedIndex; if (index >= 0) { opt = element.options[index]; value = opt.value || opt.text; } return [element.name, value]; },
selectMany: function(element) { var value = []; for (var i = 0; i < element.length; i++) { var opt = element.options[i]; if (opt.selected) value.push(opt.value || opt.text); } return [element.name, value]; } }
/*--------------------------------------------------------------------------*/
var $F = Form.Element.getValue;
/*--------------------------------------------------------------------------*/ /** * Abstract.TimedObserver 也没有用 Class.create() 来创建,和Ajax.Base 意图应该一样 * Abstract.TimedObserver 顾名思义,是套用Observer设计模式来跟踪指定表单元素, * 当表单元素的值发生变化的时候,就执行回调函数 * * 我想 Observer 与注册onchange事件相似,不同点在于 onchange 事件是在元素失去焦点的时候才激发。 * 同样的与 onpropertychange 事件也相似,不过它只关注表单元素的值的变化,而且提供timeout的控制。 * * 除此之外,Observer 的好处大概就在与更面向对象,另外可以动态的更换回调函数,这就比注册事件要灵活一些。 * Observer 应该可以胜任动态数据校验,或者多个关联下拉选项列表的连动等等 * */ Abstract.TimedObserver = function() {} Abstract.TimedObserver.prototype = { initialize: function(element, frequency, callback) { |