Form Data Json - Form input values to/from JSON (And a bit more...)

Getting started - basic example

Form

First Name ([name='firstName']) Last Name ([name='lastName']) E-Mail ([name='email']) Password ([name='password']) My Answer 1 ([name='answer[1]']) How deep are we going with the array? ([name='deep[deeper][deepest][6]']) How old are you? ([name='age']) Why are you here? ([name='reasons[]']) How satisfied are you? ([name='satisfied']) 1 2 3 Your avatar color ([name='color']) Do you have a file for us? ([name='file']) This is disabled ([name='disabled']) Are you happy with the result? ([name='result']) Du you heard of me before? ([name='heardOfMe']) This is just a button with no reason ([name='buttonEmpty'])

Code

FormDataJson.toJson("#basic")

Result (Live when form is changed)

{
  "firstName": "Jane",
  "lastName": "Doe",
  "email": "janedoe@jandoe.org",
  "password": "hiddensecret",
  "answer": {
    "1": "You've asked me once"
  },
  "deep": {
    "deeper": {
      "deepest": {
        "6": "As deep as you want"
      }
    }
  },
  "age": "33",
  "reasons": [
    "google",
    "duno"
  ],
  "satisfied": "2",
  "color": "#559922",
  "result": "1"
}

Auto Increment indexes with []

Form

Code

FormDataJson.toJson("#ai")

Result (Live when form is changed)

[]