Submit a portion of a form's controls
<p>There's probably a super-simple answer to this, but my head is spinning...</p>

<p>I have an ASP.Net webforms page that contains a large table.  Many of the form elements within this table are for client-side calculation of values, that are used to populate other elements.  The problem is that the post collection is very large because of the unecessary data that is posted.</p>

<p>The elements in Column 2, below, populate the value of the input field in Column 3:</p>

<p><a href="https://i.stack.imgur.com/g21TG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/g21TG.png" alt="enter image description here"></a></p>

<p>When the form is submitted, the code only requires values from the two hidden fields, and the result field.</p>

<p>The problem is that for some users, this table is very large, resulting in very large POST to the server.  Within this post, all the <em>Calculation</em> fields are also submitted, which further adds to the size of the post collection.  </p>

<p>ASP.Net's ViewState has been disabled, which worked well.  However, there is still large amounts of data being posted, which is unneccessary.</p>

<p>My questions therefore are:</p>

<ol>
<li>In ASP.Net MVC is it possible to circumvent this issue, or does the whole form still get posted by the very nature of a <code>&lt;form&gt;</code>'s behaviour?</li>
<li>If I use JQuery to iterate the table and submit the necessary values only to an API endpoint instead, does that present any security risks that didn't exist before</li>
<li>Is there a better approach altogether?</li>
</ol>