HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>serialize enabled only</title>

  <style>

    body { font-family: sans-serif; padding: 16px; }

    label { display: block; margin: 8px 0; }

    #output { margin-top: 12px; padding: 12px; background: #fef3c7; border: 1px solid #f59e0b; font-family: monospace; }

  </style>

</head>

<body>

  <form id="profileForm">

    <label>Username: <input name="user" type="text" value="alex"></label>

    <label>Secret: <input name="secret" type="text" disabled value="hidden"></label>

    <label>Email: <input name="email" type="email" value="alex@example.com"></label>

  </form>

  <div id="output"></div>

  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

  <script>

    var data = {};

    $("#profileForm input:enabled").each(function() {

      data[$(this).attr("name")] = $(this).val();

    });

    $("#output").text(JSON.stringify(data, null, 2));

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Collect values from enabled inputs (Try It)