How to accept passwords in Django Ajax form display error?

Question

AJAX

I'm using Django forms and Jquery, I have a sign-up form that asks for email, passwords, first name, last name, phone number.

It is written in js that every time any of the inputs changes, I submit the form to django for subsequent validation

function send_ajax(){
  var form_id = $("#ajax_signup_form");

  $.ajax({
    url: "{% url 'signup' %}",
    type: "POST",
    data: form_id.serialize(),
    async: true,
    header: {'X-CSRFToken': '{{ csrf_token }}'},
    success: function(data) {
       var success = data['success'];
       if (success) {
        console.log('Success in response ')
       } else {
          form_id.replaceWith(data['html']);
       }
    },
    error: function (data) {
      console.log('Error in response')
    }
  });
}

$(document).on('change', $(".ajax_signup_element") ,function(){
  send_ajax();
})

This is how I take it:

...

if request.method == 'POST' and request.is_ajax():
  form = SignUpForm(request.POST)
  resp = {}

  if form.is_valid():
      form.save()
  else:
      resp['success'] = False
      csrf_context = {}
      csrf_context.update(csrf(request))
      form_html = render_crispy_form(form, context=csrf_context)
      resp['html'] = form_html
  return HttpResponse(json.dumps(resp), content_type='application/json')
...

It turns out that the form goes back and displays errors, leaving the values ​​​​in the previous fields the same entered, however, the passwords are removed every time, how to make sure that the passwords are also filled in?

Answer 1

As an option - save to another variable and / or return a duplicated variable and then substitute it in the desired field.
Either the framework itself, or the browser (I don’t remember exactly, like the first one) specifically protects against such manipulations. So go ahead and test.