Validar si hay stock suficiente

[mariosequeda]

Buenas tardes comunidad estoy haciendo una aplicación para mi negocio y necesito validar que cuando genere una nueva factura la cantidad vendida de un articulo no supere al stock que se encuentra en la BD y por eso solicito su ayuda pues he intentado de varias formas y no logro que me muestre aviso diciendo por ejemplo que "No hay stock suficiente" ojala me puedan dar una mano y gracias de antemano.

Este es el formulario:

Código PHP:

  <div class="row">
                <div class="col-xs-3">
                    <input id="producto" class="form-control" type="text" placeholder="Modelo del Producto" value="{producto.modelo}">
                </div>
                <div class="col-xs-3">
                    <input class="form-control" type="text" placeholder="Marca del Producto" value="{producto.marca}">
                </div>
                <div class="col-xs-1">
                    <input id="stock" class="form-control" type="text" placeholder="Stock" readonly value="{producto.stock}">
                </div>
                <div class="col-xs-2">
                    <input id="cantidad" class="form-control" type="text" placeholder="Cantidad" value="{producto.cantidad}">
                </div>
                <div class="col-xs-2">
                    <div class="input-group">
                        <span class="input-group-addon">$</span>
                        <input id="precio_venta" class="form-control" type="text" placeholder="Precio Venta" value="{producto.precio_venta}">
                    </div>
                </div>
                <div class="col-xs-1">
                    <button onclick={agregarDetalle} class="btn btn-primary form-control" id="btn-agregar">
                        <i class="glyphicon glyphicon-plus"></i>
                    </button>
                </div>
            </div> 
   

Esta es la función de Javascript debo aclarar que esta función también la utilizo para calcular el valor total vendido de cada producto es decir cantidad * precio_venta

Código Javascript:

agregarDetalle(){
            self.producto.stock        = parseInt(self.stock.value);
            self.producto.cantidad     = parseInt(self.cantidad.value);
            self.producto.precio_venta = parseFloat(self.precio_venta.value);
            self.model.detalle.push(self.producto);
            
            if (cantidad > stock){
                alert("La Cantidad Excede El Stock");
                return false;
                }else{
                        
            self.producto = null;
            
            self.model.calcular();
            self.update();
            return false;
            }
        }
 

[sustentio]

no se que estas usando, pero no es lo mismo self.stock que stock ni self.producto.stock, si stock es parte de un objeto, llámalo como tal.