Send data without submit button (Javascript / jQuery)
<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;form name="form1" id="form1" action="coillist" method="POST"&gt;
            &lt;table id="dataTable" border="1"&gt;
                &lt;tbody&gt;
                    &lt;tr&gt;
                        &lt;th&gt;Coil #&lt;/th&gt;&lt;th&gt;Width&lt;/th&gt;&lt;th&gt;Gauge&lt;/th&gt;
                    &lt;/tr&gt;   

                    &lt;tr&gt;
                        &lt;td&gt;&lt;input type="text" maxlength="7" size="7" name="coil_id" value="coil_11"&gt;&lt;/td&gt;
                        &lt;td&gt;&lt;input type="text" size="7" name="width" value="120"&gt;&lt;/td&gt;
                        &lt;td&gt;&lt;input type="text" size="5" name="gauge" value="130"&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td&gt;&lt;input type="text" maxlength="7" size="7" name="coil_id" value="coil_22"&gt;&lt;/td&gt;
                        &lt;td&gt;&lt;input type="text" size="7" name="width" value="220"&gt;&lt;/td&gt;
                        &lt;td&gt;&lt;input type="text" size="5" name="gauge" value="330"&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td&gt;&lt;input type="text" maxlength="7" size="7" name="coil_id" value="coil_33"&gt;&lt;/td&gt;
                        &lt;td&gt;&lt;input type="text" size="7" name="width" value="320"&gt;&lt;/td&gt;
                        &lt;td&gt;&lt;input type="text" size="5" name="gauge" value="330"&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                &lt;/tbody&gt;
            &lt;/table&gt;
        &lt;/form&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>I have a dynamic row adding table that could add row into the table. 
I am showing it in 3 rows, it could be 1 row, or 4 rows, or n rows if a use wants to add data in.  </p>

<p>My question is: How can I send data (<code>coil_id</code>) out without click submit button?</p>

<p>In this example, I want to send a <code>coil_id</code> (<code>coil_id = ”coil_22”</code> in this case) to the server without using submit button.</p>

<p>This is also something like: detect if user enter a coil in length of 7 char or digit (Ex: <code>coil_22</code> or <code>2C12345</code>), then it will submit the <code>“coil_22”</code>   (not <code>coilL_11</code> or <code>coil_33</code>) to server without click any submit / send button. </p>

<p>I have used JavaScript / jQuery a while, still feel lost sometimes. </p>

<p>Highly appreciate your help.</p>
