el objetivo es que permita enviar el formulario solo si las cantidades son mayor a 12 (una docena); es para un sistema de ventas por mayor. funciona solo con la primera fila, las demás filas ya no obedece, gracias de antemano.
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("formulario").addEventListener('submit', validarFormulario);
});
function validarFormulario(evento) {
evento.preventDefault();
let cant_vm= parseFloat( document.getElementById("cant_vm").value);
let cant_actual= parseFloat( document.getElementById("cant_actual").value);
if (cant_actual<cant_vm){
alert("Solo se vende en cantidad, mayor a "+ cant_vm)
document.formulario.cant_actual.focus()
return 0;
}
this.submit();
<form action="echo.php" method="POST" id="formulario">
<table>
<tr>
<td>Codigo</td>
<td>Producto</td>
<td>Cantidad</td>
<td>Total</td>
</tr>
<tbody>
<tr>
<td><input type="text" name="" value="T000010"></td>
<td><input type="text" name="" value="TECLADO"></td>
<td><input type="number" name="" value="1" id="cant_actual"></td>
<td><input type="text" name="" value="50"></td>
<tr>
<tr>
<td><input type="text" name="" value="T000011"></td>
<td><input type="text" name="" value="MOUSE"></td>
<td><input type="number" name="" value="1" id="cant_actual"></td>
<td><input type="text" name="" value="40"></td>
<tr>
<tr>
<td><input type="text" name="" value="T000012"></td>
<td><input type="text" name="" value="PARLANTE"></td>
<td><input type="number" name="" value="1" id="cant_actual"></td>
<td><input type="text" name="" value="40"></td>
<tr>
</tbody>
</table>
<br>
<input class="btn" type="submit" value="Entrar">
</form>
<br>
<label>Solo se vende en cantidad, mayor a </label>
<input type="number" value="12" id="cant_vm">
el objetivo es que permita enviar el formulario solo si las cantidades son mayor a 12 (una docena); es para un sistema de ventas por mayor. funciona solo con la primera fila, las demás filas ya no obedece, gracias de antemano.
id
en HTML deberían ser únicos... tienes 3 que se llamancant_actual
, por eso cuando vas a buscar el elemento, te devuelve el primero (y por esa misma razon solo funciona con ese)