PHP - Elemento reqired

<div class="modal fade" id="agregardetalle" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

  <div class="modal-dialog modal-lg" role="document">

    <div class="modal-content">

      <div class="modal-header">

        <h5 class="modal-title" id="exampleModalLabel">Añadir Detalle</h5>

        <button type="button" class="close" data-dismiss="modal" aria-label="Close">

          <span aria-hidden="true">&times;</span>

        </button>

      </div>

      <div class="modal-body">

      <form id="frmnuevodetalle" accept-charset="utf-8" enctype="multipart/form-data">

            <input type="text"  name="id_presupuesto" id="id_presupuesto">

            <div class="form-group">

                <label for="descripcion" class="text-info">Descripción</label>

                <textarea name="descripcion" id="descripcion" class="form-control" rows="5" style="overflow:scroll;"></textarea>

            </div>

            <div class="form-group">

                <label for="cantidad" class="text-info">Cantidad</label><br>

                <input type="number" name="cantidad" id="cantidad" class="form-control-sx" required>

             </div>

            <div class="form-group">

                <label for="precio" class="text-info">Precio</label><br>

                <input type="number" name="precio" id="precio" class="form-control-sx" required>

            </div>

      </form>

      </div>

      <div class="modal-footer">

        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>

        <button type="button" id="btnagregardetalle" class="btn btn-primary">Guardar</button>

      </div>

    </div>

  </div>

</div>

$("#btnagregardetalle").on('click', function(e) {

          e.preventDefault();

        var form = $('#frmnuevodetalle')[0];

        var data = new FormData(form);

        $.ajax({

            url: 'procesos/agregar_detalle.php',

            type: 'post',

            data: data,

            cache: false,

            contentType: false,

            processData: false,

            success: function(r) {

              if (r==1){

                        $('#frmnuevodetalle')[0].reset();

                        var posicion = $('#id_posicion_presupuesto').val();

                        alertify.success("Agregada con éxito");

                        $("#agregardetalle").modal('hide');

                        $('body').removeClass('modal-open');

                        $(".modal-backdrop").remove();

                        load(posicion);

                    }else{

                        alertify.error("Error al agregar");

                    }

            }

        });

        return false;

    });

var form = $('#frmnuevodetalle')[0];

var data = new FormData(form);

var data = $('#frmnuevodetalle').serialize();