title: Store function Controller didnt get value
body: <p>im triying to save data with dynamic table in laravel.
  If there isnt data, when im creating new one, the row successfully save.
  but when im trying to add new row i get this error:</p>
  
  <pre><code>SQLSTATE[23000]: Integrity constraint violation: 1048 Column 'description' cannot be null
  </code></pre>
  
  <p>i have declare the input element name on js as name="description", but still error.</p>
  
  <p>This is my javascript:</p>
  
  <pre><code>&lt;script src="{{ asset ('js/core/jquery.3.2.1.min.js') }}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      $('[data-toggle="tooltip"]').tooltip();
      var actions = $(".table-bawah td:last-child").html();
      // Append table with add row form on add new button click
      $(".add-new").click(function(){
          $(this).attr("disabled", "disabled");
          var index = $(".table-bawah tbody tr:last-child").index();
          var row = '&lt;tr&gt;' +
              '&lt;form  id="aboutForm" action= {{route('quoteabout.store')}} method="post" enctype="multipart/form-data"&gt;' +
              '@' + 'csrf' +
              '&lt;td&gt;&lt;input type="text" class="form-control" name="description" id="description"&gt;&lt;/td&gt;' +
              '&lt;td&gt;' + actions + '&lt;/td&gt;' +
              '&lt;/form&gt;'
          '&lt;/tr&gt;';
          $(".table-bawah").append(row);      
          $(".table-bawah tbody tr").eq(index + 1).find(".add, .edit").toggle();
          $('[data-toggle="tooltip"]').tooltip();
      });
  </code></pre>
  
  <p>This is my table:</p>
  
  <pre><code>&lt;table class="table table-bordered-bd-warning table-head-bg-warning table-bawah"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Description&lt;/th&gt;
              &lt;th&gt;Actions&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          @forelse($dataAboutList as $index =&gt; $rowAboutList)
          &lt;tr&gt;
          &lt;form id="aboutForm1" action="{{route('quoteabout.store')}}" method="post" enctype="multipart
  /form-data"&gt;
          @csrf
              &lt;td&gt;{{ $rowAboutList-&gt;description }}&lt;/td&gt;
              &lt;td&gt;
                  &lt;a class="add" title="Add" data-toggle="tooltip"&gt;&lt;i class="material-icons" onclick="
  document.getElementById('aboutForm1').submit()"&gt;&amp;#xE03B;&lt;/i&gt;&lt;/a&gt;
                  &lt;a class="edit" title="Edit" data-toggle="tooltip"&gt;&lt;i class="material-icons"&gt;&amp;#xE254;
  &lt;/i&gt;&lt;/a&gt;
                  &lt;a class="delete" title="Delete" data-toggle="tooltip"&gt;&lt;i class="material-icons"&gt;&amp;#x
  E872;&lt;/i&gt;&lt;/a&gt;
              &lt;/td&gt;
          &lt;/form&gt;
          &lt;/tr&gt;
          @empty
          &lt;tr&gt;
              &lt;form id="aboutForm" action="{{route('quoteabout.store')}}" method="post" enctype="
  multipart/form-data"&gt;
              @csrf
              &lt;td&gt;
                  &lt;input type="text" class="form-control" id="description" name="description" 
  placeholder="Isi Judul" required&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;a class="add" title="Add" data-toggle="tooltip" style="display: inline-block;" on
  click="document.getElementById('aboutForm').submit()"&gt;&lt;i class="material-icons"&gt;&amp;#x
  E03B;&lt;/i&gt;&lt;/a&gt;
                  &lt;a class="edit" title="Edit" data-toggle="tooltip" style="display: none;"&gt;&lt;i class="
  material-icons"&gt;&amp;#xE254;&lt;/i&gt;&lt;/a&gt;
                  &lt;a class="delete" title="Delete" data-toggle="tooltip"&gt;&lt;i class="material-icons"&gt;&amp;#x
  E872;&lt;/i&gt;&lt;/a&gt;
              &lt;/td&gt;
              &lt;/form&gt;
          &lt;/tr&gt;
          @endforelse
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>And this is my Controller:</p>
  
  <pre><code>public function storeAboutList(Request $request)
      {
          Quote::create([
              'section'       =&gt; "About",
              'description'   =&gt; $request-&gt;description 
          ]);
      }
  </code></pre>
  
  <p>Edit:
  i have update code in table from 
  <code>onclick="document.getElementById('aboutForm1').submit()"</code> to
  <code>onclick="document.getElementById('aboutForm').submit()"</code></p>
  
  <p>but action link cant get baseurl like below
  <a href="https://i.stack.imgur.com/Gr2Rv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Gr2Rv.png" alt="enter image description here"></a></p>
  
  <p>Update, i change route in javascript and url already shown, but now i get error Page Expired.</p>