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

我有一个使用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>

$（“#插入行按钮”）。打开（“单击”，函数（）{
var noOfRows=1；
for（var i=0；i

要么进行客户端验证（因此不会刷新页面以进行验证）（不要替换服务器端到客户端的验证），或者使用字段及其值设置cookie一种方法是在重新加载页面之前请求确认，另一种方法是为动态字段设置cookie变量。@Qirel谢谢您的建议，我最终添加了客户端验证。或者执行客户端验证（这样页面就不会为了进行验证而刷新）（不要将服务器端替换为客户端验证），或使用字段及其值设置cookie。一种方法是，您可以在重新加载页面之前请求确认，另一种方法是，您可以为动态字段设置cookie变量。@Qirel谢谢您的建议，我最后添加了客户端验证。