<div><form method="POST" class="form-data" action="{% url 'solit' %}">
{% csrf_token %}
  <h6>Tipo de peticion:{{form.petit}}</h6>
  <h6>Razon:{{form.razon}}</h6>
  <h6>{{form.solicitudes_id}}</h6>
  <h6>Fecha inicio:{{form.periodo_init}}</h6>
  <h6>Fecha fin:{{form.periodo_fin}}</h6>
  <h6>Introduzca dias a tomar<input id="dias" type="number" name="dias_adicion"></h6>
  <h6>Introduzca horas a tomar<input id="horas" type="number" name="horas_adicion"></h6>
  <input type="hidden" id="const_dias" name="d_pendientes" value="{{ user.d_pendientes }}">
  <input type="hidden" id="const_horas" name="h_pendientes" value="{{ user.h_pendientes }}">
Recuerde, que usted dispone de {{ user.d_pendientes }} dias y
{{ user.h_pendientes }} horas a compensar <br>

<button type="submit" onclick="calculo()" class="boton">Guardar</button>

function calculo()

{

   var dias = parseInt(document.getElementById('dias').value);
   var horas = parseFloat(document.getElementById('horas').value);
   var dias_base  = parseInt(document.getElementById('const_dias').value);
   var horas_base  = parseFloat(document.getElementById('const_horas').value);

   dias_base -= dias;
   horas_base -= horas;

alert(dias_base);
alert(horas_base);
} console.log(calculo);

$(document).ready(function(){
var productForm = $(".form-data")

productForm.submit(function(event){
  event.preventDefault();
  var thisForm = $(this)
  var actionEndpoint = thisForm.attr("action");
  var httpMethod = thisForm.attr("method");
  var formData = thisForm.serialize();

  $.ajax({
    url: actionEndpoint,
    method: httpMethod,
    data: formData,
    success: function(data){
      console.log("success")
      console.log(data)
    },
    error: function(erroData){
      console.log("error")
      console.log(erroData)
    }
  })

 })
})

def solit(request):
if request.method == 'POST' and request.is_ajax():
    form = addiForm(request.POST)
    if form.is_valid():
        form.save()
    return JsonResponse({form:'form'})

form = addiForm()
return render(request, 'plantillas/adicionar.html', {'form':form})