mirror of
https://github.com/filebrowser/filebrowser.git
synced 2024-06-07 23:00:43 +00:00
142 lines
4.7 KiB
JavaScript
142 lines
4.7 KiB
JavaScript
/**
|
|
Author: Jhan Mateo
|
|
Date Started: 7/29/2015
|
|
Date Ended: 7/30/2015
|
|
Description: Using native javascript (no js framework), this application will serializes from form data to Json format.
|
|
The MIT License (MIT)
|
|
|
|
Copyright (c) 2015 Jhan Mateo
|
|
|
|
Permission is hereby granted, free of charge, to any person obtaining
|
|
a copy of this software and associated documentation files (the "Software"),
|
|
to deal in the Software without restriction, including without limitation
|
|
the rights to use, copy, modify, merge, publish, distribute, sublicense,
|
|
and/or sell copies of the Software, and to permit persons to whom the Software
|
|
is furnished to do so, subject to the following conditions:
|
|
|
|
The above copyright notice and this permission notice shall be included in
|
|
all copies or substantial portions of the Software.
|
|
**/
|
|
|
|
'use strict';
|
|
|
|
function formToJson(form){
|
|
|
|
if('form'!==form.nodeName.toLowerCase() && 1!==form.nodeType){
|
|
console.log('Form error');
|
|
return false;
|
|
}
|
|
|
|
var json_data = {}, new_arr_obj=null, index=null, key=null, input_name=null, new_obj=null;
|
|
|
|
for(var i=0,n=form.length; i<n; i++){
|
|
|
|
if(form[i].type!=='submit' || form[i].nodeName.toLowerCase()!=='fieldset' || form[i].nodeName.toLowerCase()!=='reset'){
|
|
|
|
if(
|
|
(form[i]!==undefined && form[i]!==null) &&
|
|
(form[i].type==='checkbox' && form[i].checked) ||
|
|
(form[i].type==='radio' && form[i].checked) ||
|
|
(form[i].type==='text' && form[i].value.length>0) ||
|
|
(form[i].type==='range' && form[i].value.length>0) ||
|
|
(form[i].type==='select-one' && form[i].options[form[i].selectedIndex].value.length>0) ||
|
|
(form[i].type==='select-multiple' && form[i].selectedOptions.length>0) ||
|
|
(form[i].type==='textarea' && form[i].value.length>0) ||
|
|
(form[i].type==='number' && form[i].value.length>0) ||
|
|
(form[i].type==='date' && form[i].value.length>0) ||
|
|
(form[i].type==='color' && form[i].value.length>0) ||
|
|
(form[i].type==='month' && form[i].value.length>0) ||
|
|
(form[i].type==='week' && form[i].value.length>0) ||
|
|
(form[i].type==='time' && form[i].value.length>0) ||
|
|
(form[i].type==='datetime' && form[i].value.length>0) ||
|
|
(form[i].type==='datetime-local' && form[i].value.length>0) ||
|
|
(form[i].type==='email' && form[i].value.length>0) ||
|
|
(form[i].type==='search' && form[i].value.length>0) ||
|
|
(form[i].type==='tel' && form[i].value.length>0) ||
|
|
(form[i].type==='url' && form[i].value.length>0) ||
|
|
(form[i].type==='image' && form[i].value.length>0) ||
|
|
(form[i].type==='file' && form[i].value.length>0)
|
|
){
|
|
|
|
/*get the name of the current input*/
|
|
input_name = form[i].name;
|
|
|
|
/*array/object*/
|
|
if(input_name.match(/\[.*\]/g)){
|
|
|
|
if(input_name.match(/\[.+\]/g)){
|
|
|
|
/*array object, Object[][name]*/
|
|
if(input_name.match(/\[.+\]/g)[0].match(/\[[0-9]\]/)!==null){
|
|
|
|
new_arr_obj = input_name.replace(/\[.+\]/g,''); //get object name
|
|
index = input_name.match(/[0-9]/g)[0]; //get index group
|
|
key = input_name.match(/\[.+\]/g)[0].replace(/(\[|\]|[0-9])/g,'');
|
|
|
|
/*create an array in an object*/
|
|
if(typeof json_data[new_arr_obj]==='undefined'){
|
|
json_data[new_arr_obj] = [];
|
|
}
|
|
|
|
/*create an object inside array*/
|
|
if(typeof json_data[new_arr_obj][index]==='undefined'){
|
|
json_data[new_arr_obj][index] = {};
|
|
}
|
|
|
|
json_data[new_arr_obj][index][key] = form[i].value;
|
|
|
|
}else if(input_name.match(/\[.+\]/g)!==null){
|
|
//to object
|
|
//Object[name]
|
|
|
|
/*get object name*/
|
|
new_obj = input_name.replace(/\[.+\]/g,'');
|
|
|
|
/*set new object*/
|
|
if(typeof json_data[new_obj]==='undefined'){
|
|
json_data[new_obj] = {};
|
|
}
|
|
/*assign a key name*/
|
|
key = input_name.match(/\[.+\]/g)[0].replace(/(\[|\])/g,'');
|
|
|
|
/*set key and form value*/
|
|
json_data[new_obj][key] = form[i].value;
|
|
}else{}
|
|
}else{
|
|
|
|
/*to array, Object[]*/
|
|
key = input_name.replace(/\[.*\]/g, '');
|
|
|
|
if(form[i].type==='select-multiple'){
|
|
for(var j=0, m=form[i].selectedOptions.length; j<m; j++){
|
|
if(form[i].selectedOptions[j].value.length>0){
|
|
if(typeof json_data[key]==='undefined'){
|
|
json_data[key] = [];
|
|
}
|
|
json_data[key].push(form[i].selectedOptions[j].value);
|
|
}
|
|
}
|
|
|
|
}else{
|
|
if(typeof json_data[key]==='undefined'){
|
|
json_data[key] = [];
|
|
}
|
|
json_data[key].push(form[i].value);
|
|
}
|
|
|
|
}
|
|
}else{
|
|
/*basic info*/
|
|
key = form[i].name.replace(/\[.*\]/g, '');
|
|
json_data[key] = form[i].value;
|
|
|
|
}
|
|
}
|
|
}
|
|
}//endfor
|
|
|
|
document.getElementById('json_result').innerHTML = JSON.stringify(json_data);
|
|
console.log("Result: ",json_data);
|
|
return false;
|
|
}//endfunc
|