Контроллер функции магазина не получил значение

Question

я пытаюсь сохранить данные с динамической таблицей в laravel.Если данных нет, то при создании новой строки строка успешно сохраняется.но когда я пытаюсь добавить новую строку, я получаю эту ошибку:

SQLSTATE[23000]: Integrity constraint violation: 1048 Column 'description' cannot be null

я объявил имя входного элемента на js как name = "description", но все равно ошибка.

Этомой javascript:

<script src="{{ asset ('js/core/jquery.3.2.1.min.js') }}"></script>
<script type="text/javascript">
$(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 = '<tr>' +
            '<form  id="aboutForm" action= {{route('quoteabout.store')}} method="post" enctype="multipart/form-data">' +
            '@' + 'csrf' +
            '<td><input type="text" class="form-control" name="description" id="description"></td>' +
            '<td>' + actions + '</td>' +
            '</form>'
        '</tr>';
        $(".table-bawah").append(row);      
        $(".table-bawah tbody tr").eq(index + 1).find(".add, .edit").toggle();
        $('[data-toggle="tooltip"]').tooltip();
    });

Это моя таблица:

<table class="table table-bordered-bd-warning table-head-bg-warning table-bawah">
    <thead>
        <tr>
            <th>Description</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        @forelse($dataAboutList as $index => $rowAboutList)
        <tr>
        <form id="aboutForm1" action="{{route('quoteabout.store')}}" method="post" enctype="multipart
/form-data">
        @csrf
            <td>{{ $rowAboutList->description }}</td>
            <td>
                <a class="add" title="Add" data-toggle="tooltip"><i class="material-icons" onclick="
document.getElementById('aboutForm1').submit()">&#xE03B;</i></a>
                <a class="edit" title="Edit" data-toggle="tooltip"><i class="material-icons">&#xE254;
</i></a>
                <a class="delete" title="Delete" data-toggle="tooltip"><i class="material-icons">&#x
E872;</i></a>
            </td>
        </form>
        </tr>
        @empty
        <tr>
            <form id="aboutForm" action="{{route('quoteabout.store')}}" method="post" enctype="
multipart/form-data">
            @csrf
            <td>
                <input type="text" class="form-control" id="description" name="description" 
placeholder="Isi Judul" required>
            </td>
            <td>
                <a class="add" title="Add" data-toggle="tooltip" style="display: inline-block;" on
click="document.getElementById('aboutForm').submit()"><i class="material-icons">&#x
E03B;</i></a>
                <a class="edit" title="Edit" data-toggle="tooltip" style="display: none;"><i class="
material-icons">&#xE254;</i></a>
                <a class="delete" title="Delete" data-toggle="tooltip"><i class="material-icons">&#x
E872;</i></a>
            </td>
            </form>
        </tr>
        @endforelse
    </tbody>
</table>

И это мой контроллер:

public function storeAboutList(Request $request)
    {
        Quote::create([
            'section'       => "About",
            'description'   => $request->description 
        ]);
    }

Редактировать: у меня есть код обновления в таблице изonclick="document.getElementById('aboutForm1').submit()" до onclick="document.getElementById('aboutForm').submit()"

но ссылка действия не может получить baseurl, как показано ниже

Обновление, я изменяю маршрут в javascript и URL, уже показанных, но теперья получаю сообщение об ошибке Страница просрочена.