Strange behavior of the form when using ajax

[cehceh]

OK, if we are looking at the ajax request we will find the following …

@cehceh

and the data section is as follow

let empName = $('input[name=name]').val(); 
 let gender = $('[name=gender] option:selected').val();

@cehceh

data: {
                   // csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken]').val(),
                    'emp_name': empName,
                    'gender': gender,
                    'department': department,
                    'emp_identity': emp_identity,
                    'emp_manager': $('#edit-department-manager').val(),
                    'emp_email': $('[name=email]').val(),
                    'emp_phone': $('[name=phone]').val(),
                    'emp_mobile1': $('[name=mobile1]').val(),
                    'emp_mobile2': $('[name=mobile2]').val(),
                    'emp_desc': $('[name=description]').val(), 
                    'imgInputValues': imgInputValues,
                    'imgTxtValues': imgTxtValues,
                },

So I call it in the view as
emp_name = request.POST.get('emp_name') # 'emp_name from ajax data'
Because I defined it as
let empName = $('input[name=name]').val();
NOT
emp_name = request.POST.get('name') # as the original name of django form

Also when the field name was a part of the form in forms.py it needs to be filled even if it is already filled (I don’t know why) (I used a simple method to debug the form ),

for f in form:
       print('what is hapen to fields ', f.name, f.errors)

And it always print in the console (this field is required)
so I comment this field as it clears in my forms.py

@cehceh

class Meta:
        model = Employee
        fields = (
            # "name",
            "phone",
            "mobile1",
            "mobile2",