html如何将表单保存为,如何将HTML表单输入存储为JavaScript对象

你可以使用像这样的点击处理程序

var list = [],

$ins = $('#firstName, #middleName, #lastName'),

counter = {

firstName: {},

middleName: {},

lastName: {}

};

$('#add').click(function() {

var obj = {},

valid = true;

$ins.each(function() {

var val = this.value.trim();

if (val) {

obj[this.id] = val;

} else {

var name = this.previousSibling.nodeValue.trim();

alert(name.substring(0, name.length - 1) + ' cannot be blank');

this.focus();

valid = false;

return false;

}

});

if (valid) {

list.push(obj);

$ins.val('');

$.each(obj, function(key, value) {

var count = counter[key][value] || 0;

counter[key][value] = count + 1;

});

}

});

$('#print').click(function() {

$('pre').text(JSON.stringify(list) + '\n\n');

$('pre').append(document.createTextNode(JSON.stringify(counter)));

})

pre {

white-space: pre-wrap;

}

First Name:

Middle Name:

Last Name:

Add to List

Print