Tengo 2 forms por página. Aqui esta uno de ellos.

$('form').submit(function(e) {
  e.preventDefault();
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="" method="post">
  
  <div>
    <label for="sum">Sum</label>
    <input id="sum" type="number">
  	
    <label for="currency">Currency</label>
    <select id="currency">
      <option value="KZT">KZT</option>
      <option value="USD">USD</option>
    </select>
  </div>
  
  <div>
    <label for="term">Term</label>
    <select id="term">
      <option value="1">1 month</option>
      <option value="3">3 months</option>
    </select>
  </div>
  
  <input type="submit" value="Submit">
  
</form>

forms.py

class CreditFilterForm(forms.Form):
    sum = forms.CharField()
    currency = forms.ChoiceField(choices = CURRENCY_CHOICES, ...)
    term = forms.ChoiceField(choices = PERIOD_CHOICES, ...)

views.py

CreitsListView(ListView):
...

def get(self):
    ...
    little_form = CreditFilterForm(self.request.GET or None, prefix="little")
    ...


class LittleFormView(FormView):
    form_class = CreditFilterForm
    prefix = 'little'

    def form_valid(self, form):
        ...

Ahora, cuando el usuario ingresó los datos y vuelva a cargar la página (sin un envío), o cuando simplemente se cerró la página y se abrió de nuevo después de algún tiempo, el Los datos ingresados desaparecen .

¿Cómo puedo guardarlos y mostrarlos? Es necesario usar caching. ¿O almacenar los valores ingresados en el database, y luego sustituirlos?

0
user11301070 28 jun. 2019 a las 14:29

1 respuesta

La mejor respuesta

Por ejemplo.

function setVal(el) {
  var type = el.attr('type');
    if (type == 'number') {
      el.val(+localStorage.getItem(localStorage.key(i)))
    } else if (type == 'checkbox') {
        if (localStorage.getItem(localStorage.key(i)) == 'on') {
          el.prop('checked', true)
        }
    } else {
      el.val(localStorage.getItem(localStorage.key(i)))
    }
}

for (var i = 0; i < localStorage.length; i++){
  var el = $('#reservation').find('#'+ localStorage.key(i))
  setVal(el);
  var el = $('#big_form').find('#'+ localStorage.key(i))
  setVal(el);
}

$('#reservation').change(function(e){
  localStorage.setItem(e.target.id, e.target.value)
})

$('#big_form').change(function(e){
  localStorage.setItem(e.target.id, e.target.value)
})
0
user10898133user10898133 28 jun. 2019 a las 13:29