¿Cómo hago para validar el input cuando la cantidad_disponible
es 0
, mostrar mensaje y no dejar agregar y si la cantidad es mayor a la cantidad_disponible
mostrar mensaje?, no se como hacerlo con este codigo con la alternativa de yussef:
function addItemToShoppingCart(id_prod, codigo, nombre,cantidad_disponible,talla,talla_ropa) {
//function addItemToShoppingCart(itemTitle, itemPrice, itemImage) {
//const elementsTitle = shoppingCartItemsContainer.getElementsByClassName(
//'shoppingCartItemTitle'
//);
const elementsTitle = document.getElementsByClassName('title');
for (let i = 0; i < elementsTitle.length; i++) {
if (elementsTitle[i].innerText === id_prod) {
////let elementQuantity = tbody.querySelector('.ItemCarrito>.table__cantidad>#shoppingCartItemQuantity_'+id_prod);
////const cantidad_disponible = parseInt(elementQuantity.getAttribute("max"));
////elementQuantity.value=cantidad_disponible
// elementQuantity.value++;
//console.log(elementQuantity.value)
//mensaje exitoso
updateShoppingCartTotal();
return;
}
}
const tr = document.createElement('tr')
tr.classList.add('ItemCarrito')
tr.setAttribute("id", `tr_${id_prod}`);
// // // <td class="table__productos">
// // // <input type="text" id="id_productos" disabled style="border: none; border-color: transparent;outline: 0;width: 40px;
// // // " name="id_productos" class="id_productos" value="${item.id}"></>
// // // <h6 class="title" hidden>${item.id}</h6>
// // // </td>
Content = `
<th scope="row">${id_prod}</th>
<td class="table__productos">
<input id="id_productos_${id_prod}" type="text" value="${id_prod}" class="id_productos"
style="border: none; border-color: transparent;outline: 0;width: 40px;">
<h6 id="title_${id_prod}" class="title" hidden>${id_prod}</h6>
</td>
<td class="table__codigo">
<input id="codigo_${id_prod}" type="text" value="${codigo}" class="codigo"
style="border: none; border-color: transparent;outline: 0;width: 40px;">
</td>
<td class="table__nombre">
<input id="nombre_${id_prod}" type="text" value="${nombre}" class="nombre"
style="border: none; border-color: transparent;outline: 0;width: 40px;">
</td>
<td class="table__cantidad_disponible">
<input id="cantidad_disponible_${id_prod}" type="text" value="${cantidad_disponible}" class="cantidad_disponible"
style="border: none; border-color: transparent;outline: 0;width: 40px;">
</td>
<td class="table__talla">
<input id="talla_${id_prod}" type="text" value="${talla}" class="talla"
style="border: none; border-color: transparent;outline: 0;width: 40px;">
</td>
<td class="table__talla_ropa">
<input id="talla_ropa_${id_prod}" type="text" value="${talla_ropa}" class="talla_ropa"
style="border: none; border-color: transparent;outline: 0;width: 40px;">
</td>
<td class="table__cantidad">
<input id="shoppingCartItemQuantity_${id_prod}" max="${cantidad_disponible}" oninput="updateCantidad(this)" class="shopping-cart-quantity-input shoppingCartItemQuantity_" type="number"
value="1" min="1">
<button class="btn btn-danger buttonDelete" type="button">X</button>
</td>
`
tr.innerHTML = Content
tbody.append(tr)
}
con el codigo expuesto del usuario Yussef