Входное значение не содержит значение после нажатия кнопки

Question

Я пытаюсь ввести номер счета в качестве типа ввода, т.е. 123456789

После того, как я нажму кнопку «Печать записи», значение номера счета исчезнет следующим образом:

Также я написал

<div class="form-group row">
                <label for="invoice_no" class="col-sm-2 col-form-label">Inovice Number</label>
                <div class="col-sm-10">
                <input type="text" class="form-control col-sm-4" name="InvNumber" id="InvNumber" value="{{request()->input('InvNumber')}}">
                </div>
            </div>

И кнопка печати выглядит так:

<div class="form-group row">
                <div class="col-sm-12 dol-12" >
                 <button class="btn btn-secondary float-right" onclick="printDiv()">Print Record</button>
           </div>

И функция printDiv () имеет вид:

  <script type="text/javascript" language="javascript">

                            function printDiv(divName) {

                                    var printContents = document.getElementById('printableArea').innerHTML;
                                    document.body.innerHTML = printContents;

                                    window.print();
                                    }

Answer 1

Согласно документации, если вы не укажете кнопку type, она будет принята за кнопку submit, поэтому ваша форма отправляется по умолчанию.

Добавьте type="button" в ваш кнопка

<button  type="button" class="btn btn-secondary float-right" onclick="printDiv()">Print Record</button>

submit : кнопка отправляет данные формы на сервер. Это значение по умолчанию, если атрибут не указан для кнопок, связанных с формой , или если атрибут является пустым или недействительным значением.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

Answer 2

Нажатие на кнопку отправки отправит форму, в которой она находится.

Предположительно, действие вашей формы - это текущий URL, поэтому она перезагружает страницу.

На новой странице нет данных в полях формы, которые вы ввели на предыдущей странице.

Если вы не хотите отправлять форму, используйте type атрибут для изменения <button> со значения по умолчанию submit.