Js-form-data-assigner

KO | EN

gitlite — search

#react #typescript #llm #go #rust #deep-learning #linux #docker #nodejs #awesome #pytorch #security #openai #open-source

Js-form-data-assigner

(★ 17)

This is a recursive function which generates a formData object from nested values

Js-form-data-assigner Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Js-form-data-assigner
This is a recursive function which generates a formData object from nested values. When our formData is a huge nested object it becomes really hard to append to a FormData Object. Also, when handling dynamic form objects it's a pain in the ***. Use this simple Assigner which takes care of all these problems for you and returns a nice and formatted formData object with all appended values
 
## Usage Instructions
Go to the src folder and download the formDataAssigner.js file.
Voila! Now use it in your production exactly how you like. :)

## Testing
At first clone this repo with this command:

```git
  git clone https://github.com/RejownAhmed/Js-form-data-assigner.git
```

**Install the dependencies:** ``npm i`` or ``yarn``

Check the ``test/index.js`` file for the test.

Simply Run this command: 
**```npm run test```** or 
**```yarn test```**

#### Note:
To run the test on lower nodejs environments, 
make sure to uncomment this line inside ``src/formDataAssigner.js`` file.

```javascript
// import FormData from 'form-data'; 
```

### Output: On nodejs 18+
```javascript
FormData {
  [Symbol(state)]: [
    { name: 'title', value: 'This is form Data' },
    { name: 'formData[0][title]', value: 'First section' },
    {
      name: 'formData[0][fields][0][title]',
      value: "first section's first field"
    },
    { name: 'formData[0][fields][0][image]', value: [File] },
    {
      name: 'formData[0][fields][1][title]',
      value: "first section's second field"
    },
    {
      name: 'formData[0][fields][1][children][0][title]',
      value: "Hi I am first sections second field's first child"
    },
    {
      name: 'formData[0][fields][1][children][1][title]',
      value: "Hi I am first sections second field's second child"
    },
    { name: 'formData[1][title]', value: 'Second section' },
    {
      name: 'formData[1][fields][0][title]',
      value: "Second section's first field"
    },
    {
      name: 'formData[1][fields][1][title]',
      value: "Second section's Second field"
    },
    { name: 'formData[2][title]', value: 'Third section' },
    {
      name: 'formData[2][fields][0][title]',
      value: "Third section's first field"
    },
    {
      name: 'formData[2][fields][1][title]',
      value: "Third section's Second field"
    },
    {
      name: 'formData[2][fields][2][title]',
      value: "Third section's third field"
    },
    {
      name: 'formData[2][fields][2][children][0][title]',
      value: "Hi I am third sections third field's first child"
    },
    {
      name: 'formData[2][fields][2][children][1][title]',
      value: "Hi I am third sections third field's second child"
    }
  ]
}
```
## Give this repo a star 😀

Js-form-data-assigner

Js-form-data-assigner Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Js-form-data-assigner

Js-form-data-assigner Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README