表单序列化

/*
 *对表单字段的名称和值进行URL编码，使用和号(&)分割。
 *不发送禁用的表单字段。
 *只发送勾选的复选框和单选按钮。
 *不发送type为"reset"和"button"的按钮。
 *多选选择框中的每个选中的值单独一个条目。
 *在单击提交表单的情况下，也会发送提交按钮;否则，不发送提交按钮。也包括type为"image"的<input>元素。
 *<select>元素的值，就是选中的<option>元素的value特性的值。如果<option>元素没有value特性，则是<option>元素的文本值。
 */

function serialize(form) {
    var parts = new Array();
    var field = null;

    for (var i = 0, len = form.elements.length; i < len; i++) {
        field = form.elements[i];

        switch (field.type) {
        case "select-one":
        case "select-multiple":
            for (var j = 0, optLen = field.options.length; j < optLen; j++) {
                var option = field.options[i];
                if (option.selected) {
                    var optValue = "";
                    if (option.hasAttribute) {
                        optValue = (option.hasAttribute("value") ? option.value : option.text);
                    } else {
                        optValue = (option.attributes["value"].specified ? option.value : option.text);
                    }
                    parts.push(encodeURIComponent(field.name) + "=" + encodeURIComponent(optValue));
                }
            }
            break;
        case undefined:
            //字段集
        case "file":
            //文件输入
        case "submit":
            //提交按钮
        case "reset":
            //重置按钮
        case "button":
            //自定义按钮
            break;
        case "radio":
            //单选按钮
        case "checkbox":
            //复选框
            if (!field.checkbox) {
                break;
            } /* 执行默认操作 */
        default:
            parts.push(encodeURIComponent(field.name) + "=" + encodeURIComponent(field.value));
        }
    }
    return parts.join("&");
}