1. 程式人生 > >原生form表單序列化

原生form表單序列化

用原聲js來實現我們的form表單序列化的函式;

首先我們列明步驟:

1)先獲取form表單使用ById或者是forms;

2)獲取後通過elements 取到表單中所有元素的陣列;

3)之後進行遍歷判斷型別(根據型別做相應的物件拼接)實現序列化物件;

程式碼如下:

 1 function formser(form){
 2  var form=document.getElementById(form);
 3  var arr={};
 4  for (var i = 0; i < form.elements.length; i++) {
 5  var feled=form.elements[i];
 6  switch(feled.type) {
 7  case undefined:
 8  case 'button':
 9  case 'file':
10  case 'reset':
11  case 'submit':
12  break;
13  case 'checkbox':
14  case 'radio':
15  if (!feled.checked) {
16  break;
17  }
18  default:
19  if (arr[feled.name]) {
20  arr[feled.name]=arr[feled.name]+':'+feled.value;
21  }else{
22  arr[feled.name]=feled.value;
23  
24  } 
25  }
26  }
27  return arr
28  };