防止动态添加的文本框在页面刷新时消失

Question

我有一个字段，其中使用jQuery动态添加了文本框。 问题是我在该页面上还有其他必须填写的字段，因此，如果用户忘记填写必填字段，则页面会刷新，而动态添加的文本框也会消失，该如何防止这种情况发生？

如果有人能帮助我，将非常感谢。

 <script type="text/javascript">
        $('#insert-line-button').on("click", function(){
            var noOfRows = 1;
            for(var i = 0; i < noOfRows; i++){
                $('#myTable').append("<tr style='height: 5rem;'><td><input type='text' name='input[]' " +
                    "class='form-control'/></td><td>&nbsp;</td><td><input type='button' value='x' " +
                    "id='deleteRowButton' class='btn btn-danger'/></td></tr>")
            }

        });

        $("#myTable").on('click', 'input[id="deleteRowButton"]', function(event) {
            $(this).parent().parent().remove();
        })
    </script>