Validar campo sea mayor que uno con jQuery o javascript

and42_42 · #1 (**permalink**) 12/08/2010, 14:34

Saludos,
eoy presentando un inconveniente al tratar de validar un formulario, en donde la unica caja de texto que el usuario puede modificar seria una de cantidad, esta es de forma dinamica, es decir, esta caja de texto esta incluida dentro de una tabla, la cual se va cargando a medica que trae datos de una BD, mi inquietud es la sugiente, en esa caja de texto no pueden ir valores negativos, solo valores mayores que 0 y adicionalmente no puede quedar ningun campo vacio, es decir, todas las cajas de texto que menciono, que se carguen en la tabla deben ser llenados por el ususario y su valor como mencione anterior mente debe ser mayor a uno, aqui parte del codigo que tengo, y bueno si me podrian ayudar de verdad lo agradeceria! ya e leido sobre JQuery, pero los toto que e conseguido solo son para validacion de numeros pero con el 0 incluido, y no me serviria de esa manera!

Aqui el Codigo

Código:

<form name="frmvercarrito" method="post" id="frmvercarrito" >  
<h1 align="center">Carrito</h1> 
<table width="720" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody id="tabla"> 
<tr bgcolor="#333333" class="tit" >
<td width="113" align="center">codigo de Producto</td>  
<td width="138" align="center">Producto</td> 
<td width="47" align="center">Precio</td> 
<td width="68" align="center">Cantidad de Unidades</td>
<td width="68" align="center">total</td>
<td width="323" align="center">Observaci&Oacute;n</td>
<td align="center">Borrar</td>  
</tr> 
<?php
$i = 0;
foreach($carrito as $carr => $car){
	$seleccion = $car['codigo'];
	$sql="select codigo, Articulo, precio, codpar from prueba_tabla where codigo = '".$seleccion."' and sesion = '".session_id()."'";
	$tb=$bd->ejecutarSQL($sql);
	while($row5=odbc_fetch_array($tb)){ 
		$c1=$row5['CODIGO'];
		$c2=$row5['ARTICULO'];
		$c3=$row5['PRECIO'];
		$c4=$row5['CODPAR'];
		$carro[$c1] = array("codigo"=>$c1,"articulo"=>$c2,"precio"=>$c3,"codpar"=>$c4);
		 
?>
<tr class='prod'>  
<td align="center">
	<input name="codprod<?php echo $i; ?>" type="text" value="<?php echo $c1; ?>" readonly="readonly"/>
	<input name="codpre<?php echo $i; ?>" type="hidden" value="<?php echo $c4; ?>"/>
</td> 
<td align="center">
	<input name="prduc<?php echo $i; ?>" type="text" value="<?php echo $c2; ?>" readonly="readonly"/>
</td> 
<td align="center">
	<input type="text" name="precio<?php echo $i; ?>" id="precio<?php echo $i; ?>" size="4" value="<?php echo $c3; ?>" readonly="readonly"/>
</td> 
<td align="center">  
<input name="cantidad<?php echo $i; ?>" type="text" id="cantidad<?php echo $i; ?>" size="2" onChange="calculo(this.value,precio<?php echo $i;?>.value,tot<?php echo $i;?>)" onKeyPress="return validar_num(event)"/>
</td>
<td align="center">  
<input name="tot<?php echo $i; ?>" type="text" id="tot<?php echo $i; ?>" size="4" readonly="readonly">
</td>
<td align="center">  
<input name="observacion<?php echo $i; ?>" type="text" id="observacion<?php echo $i; ?>" size="50">
</td> 
<td width="31" align="center">
<input type="hidden" name="basura<?php echo $i; ?>" id="basura<?php echo $i; ?>" value="1" />
<img src="imgs/trash.gif" name="borrar<?php echo $i; ?>" id="borrar<?php echo $i; ?>" width="12" height="14" border="0" title="Borrar Elemento" onClick="imagen(borrar<?php echo $i; ?>.name,basura<?php echo $i; ?>)" />
</td> 
</tr>
<?php 
}
$i++;
}
?> 
</tbody>
<tr>
    <td colspan="7"><div align="center">
      <input type="BUTTON" id="realizar" name="realizar" value="realizar solicitud" onClick="realizar_('catitidad')" />
      <input type="BUTTON" id="atras" name="atras" value="atras" onClick="atras_()" />
      <input type="BUTTON" id="salir" name="salir" value="salir" onClick="salir_()" />
	  <input type="BUTTON" id="otro" name="otro" value="Articulo Nuevo" onClick="add(cant_art.value)" />
   </div></td>
</tr>
</table>
<div align="center"><span class="prod">Total de Artículos:
<input type="text" name="cant_art" id="cant_art" value="<?php echo count($carrito);?>" size="2" readonly="Readonly"/>
</span>  
</div><br> 
<br>
<div align="center"><span class="prod">Total el Bs es: <input type="text" name="total_venta" id="total_venta" size="4" readonly="readonly"></span>  
</div><br> 
<br> 
<?php }else{ ?> 
<p align="center"> <span class="prod">No hay productos seleccionados</span> 
<a href="catalogo.php"> 
<img src="imgs/continuar.gif" width="13" height="13" border="0"></a>  
<?php
}
?> 
</p>
</form> 
</body>
<script language="javascript">
function validar(cajita){
f = document.frmvercarrito;
auxvalido = false;
for(i = 0; i < eval(f.cant_art.value); i++){
canti = cajita+i;
alert(canti);
alert(canti.value);
if(canti.value == ""){
	alert("Cantidad no puede estar en blanco");
	canti.focus();
} else {
auxvalido = true;
}
}
return auxvalido;
}

function realizar_(cant){
  f = document.frmvercarrito;
  canti = cant;
  alert(canti);
  aux = validar(canti);
  if(aux){
  f.action = "clases/almacenar.php";
  alert("se esta realizando el submit");
  }
}
function atras_(){
  f = document.frmvercarrito;
  f.action = "catalogo.php";
  f.submit();
}
function salir_(){
  f = document.frmvercarrito;
  f.action = "cerrar.php";
  f.submit();
}
function borrar(){
  f = document.frmvercarrito;
  f.basura.values="0";
}
function validar_num(e) {
tecla = (document.all) ? e.keyCode : e.which;
if (tecla==8) return true; //Tecla de retroceso (para poder borrar)
patron = /[1-9][0-9]/; // Solo acepta números
te = String.fromCharCode(tecla);
return patron.test(te);
}

function calculo(cantidad,precio,inputtext){
	subtotal = precio*cantidad;
	inputtext.value=subtotal;
}
function imagen(img,caja){
//alert(caja);
var algo = caja;
		if(algo.value == "1"){
		//alert(algo);
		document.images[img].src = "imgs/eliminar.gif"; 
		algo.value = "0";
	}else if(algo.value == "0"){
	//alert("entre a la validacion cuando la imagen es eliminar.gif");
		document.images[img].src = "imgs/trash.gif";
		algo.value = "1";
	}
	/*
	alert(algo.value);
	alert(document.images[img].src);*/
}

evento = function (evt) { //esta funcion nos devuelve el tipo de evento disparado
   return (!evt) ? event : evt;
}

function add(canti) {

f = document.frmvercarrito; 
  carr = document.getElementById('tabla'); 
  fila = document.createElement('tr'); 
  fila.id='tr';
  celda1 = document.createElement('td');
  celda1.align='center';   
  code=document.createElement('input'); 
  code.type='text'; 
  code.name='codprod'+canti;
  code.id = 'codprod'+canti; 
  code.value='01-VR00-0000-9999';
  code.readOnly = true;
  alert(code.name); 
  celda1.appendChild(code);
  fila.appendChild(celda1); 
   
  celda2 = document.createElement('td');
  celda2.align='center';         
  nomb=document.createElement('input'); 
  nomb.type='text'; 
  nomb.name='prduc'+canti;
  nomb.id='prduc'+canti; 
  celda2.appendChild(nomb);
  fila.appendChild(celda2);
  
  celda3 = document.createElement('td');
  celda3.align='center';         
  prec=document.createElement('input'); 
  prec.type='text'; 
  prec.name='precio'+canti;
  prec.id='precio'+canti; 
  prec.value = '0';
  prec.size = '4';
  prec.readOnly = true;  
  celda3.appendChild(prec); 
  fila.appendChild(celda3);


  celda4 = document.createElement('td');
  celda4.align='center';         
  cant=document.createElement('input'); 
  cant.type='text'; 
  cant.name='cantidad'+canti;
  cant.id='cantidad'+canti; 
  cant.value = '0';
  cant.size = '2';
  celda4.appendChild(cant);
  fila.appendChild(celda4); 

  celda5 = document.createElement('td');
  celda5.align='center';         
  tota=document.createElement('input'); 
  tota.type='text'; 
  tota.name='tot'+canti;
  tota.id='tot'+canti;
  tota.size = '4'; 
  tota.readOnly = true; 
  celda5.appendChild(tota);
  fila.appendChild(celda5);
  
  celda6 = document.createElement('td');
  celda6.align='center';         
  obs=document.createElement('input'); 
  obs.type='text'; 
  obs.name='observacion'+canti;
  obs.id='observacion'+canti; 
  obs.size = '50';
  celda6.appendChild(obs);
  fila.appendChild(celda6);
  
  celda8 = document.createElement('td');
  celda8.align='center';         
  serv=document.createElement('input'); 
  serv.type='text'; 
  serv.name='serid'+canti;
  serv.id='serid'+canti; 
  serv.size = '11';
  celda8.appendChild(serv);
  fila.appendChild(celda8);
  
  celda7 = document.createElement('td');
  celda7.align='center';       
  basur=document.createElement('input'); 
  basur.type='hidden'; 
  basur.name='basura'+canti;
  basur.id='basura'+canti;
  basur.value="1";

  basur1=document.createElement('a');  
  basur1.href='#';
  basur1.name = fila.id;
  basur1.onclick = elimCamp;
  basur1.innerHTML = 'Eliminar';
  
  celda7.appendChild(basur);
  celda7.appendChild(basur1);
  fila.appendChild(celda7);
  
  canti++;
  f.cant_art.value = canti;
  
  carr.appendChild(fila);

}
  elimCamp = function (evt){
  f = document.frmvercarrito;
  c = f.cant_art.value;
  f.cant_art.value = c-1;
   evt = evento(evt);
   nCampo = rObj(evt);
   div = document.getElementById(nCampo.name);
   num = document.getElementById(cant_art.name);
   div.parentNode.removeChild(div);
}

//con esta función recuperamos una instancia del objeto que disparo el evento
rObj = function (evt) { 
   return evt.srcElement ?  evt.srcElement : evt.target;
}

</script>
</html>