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

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>

标签： javascriptphp