comparar valores con mensaje

[email protected] · #1 (**permalink**) 10/08/2009, 12:16

Como puedo requear valores:
debe nunca debe ser mayor a dice; si asi fuese mostrar mensaje de alerta....

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
input{
	color: #006699;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	letter-spacing: normal;
	line-height: normal;
	text-decoration: none;
	text-transform: none;
}
-->
</style>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
 <table width="100%" border="1" cellspacing="0" cellpadding="2">
  <tr>
    <td width=10% align=center>Codigo</td>
    <td width=40% align=center>Descripcion</td>
    <td width=10% align=center>Pedido</td>
    <td width=10% align=center>Aprobado</td>
    <td width=30% align=center>Observacion</td>
  </tr>
 <!-- Cada <tr> se itera de acuedo a dostos que obtengo externamente, podria ser 1 tr o 100 tr y cada una con la variable de mismo nombre -->
  <tr>
    <td width=10% align=center>0001</td>
    <td width=40% align=lef>AAAAAAAAAAAAAAAAAAAAAA</td>
    <td width=10% align=center><input type="text" name="dice" readonly="readonly" value="4" size=6 maxlength=4 /></td>
    <td width=10% align=center><input type="text" name="debe" size=6 maxlength=4 /></td>
    <td width=30% align=left><input name="observa" type="text" size="30" maxlength="30" /></td>
  </tr>
  <tr>
    <td width=10% align=center>0002</td>  
    <td width=40% align=left>BBBBBBBBBBBBBBBBBBBBBBBB</td>
    <td width=10% align=center><input name="dice" readonly="readonly" type=text value="10" size=6 maxlength=4/></td>
    <td width=10% align=center><input type="text" name="debe" size=6 maxlength=4/></td>
    <td width=30% align=left><input name="observa" type="text" size="30" maxlength="30" /></td>
  </tr>
  <tr>
    <td width=10% align=center>0003</td>
    <td width=40% align=left>CCCCCCCCCCCCCCCCCCCCCC</td>
    <td width=10% align=center><input name="dice" readonly="readonly" type=text value="8" size=6 maxlength=4/></td>
    <td width=10% align=center><input type="text" name="debe" size=6 maxlength=4 /></td>
    <td width=30% align=left><input name="observa" type="text" size="30" maxlength="30" /></td>
  </tr>
</table>
</form>
</body>
</html>

Adler · #2 (**permalink**) 10/08/2009, 12:29

Hola

Seria algo así

Código javascript:

Ver original<td width=10&#37; align=center><input type="text" name="debe" size=6 maxlength=4 
onblur = "javascript:if(parseInt(this.value) > 4) {alert('El valor ha de ser un número menor a 4\nHas insertado el valor ' +parseInt(this.value)); return false;}" /></td>

Suerte

lair · #3 (**permalink**) 10/08/2009, 12:34

si entendi bien tu problema creo que quieres algo como esto:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
input{
	color: #006699;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	letter-spacing: normal;
	line-height: normal;
	text-decoration: none;
	text-transform: none;
}
-->
</style>


<!-- esto es lo que compara y envia la alerta -->
<script>
	function verifica(){
		if(document.getElementById('aprobado').value>document.getElementById('pedido').value){
			alert('no puede ser mayor');
		}
	}
</script>



</head>

<body>
<form id="form1" name="form1" method="post" action="">
 <table width="100%" border="1" cellspacing="0" cellpadding="2">
  <tr>
    <td width=10% align=center>Codigo</td>
    <td width=40% align=center>Descripcion</td>
    <td width=10% align=center>Pedido</td>
    <td width=10% align=center>Aprobado</td>
    <td width=30% align=center>Observacion</td>
  </tr>
 <!-- Cada <tr> se itera de acuedo a dostos que obtengo externamente, podria ser 1 tr o 100 tr y cada una con la variable de mismo nombre -->
  <tr>
    <td width=10% align=center>0001</td>
    <td width=40% align=lef>AAAAAAAAAAAAAAAAAAAAAA</td>

<!-- Pon atencion a los id que agregue -->
    <td width=10% align=center><input type="text" name="dice" readonly="readonly" value="4" size=6 maxlength=4 id='pedido' /></td>
    <td width=10% align=center><input type="text" name="debe" size=6 maxlength=4 id='aprobado' onblur='verifica()'/></td>


    <td width=30% align=left><input name="observa" type="text" size="30" maxlength="30" /></td>
  </tr>
  <tr>
    <td width=10% align=center>0002</td>  
    <td width=40% align=left>BBBBBBBBBBBBBBBBBBBBBBBB</td>
    <td width=10% align=center><input name="dice" readonly="readonly" type=text value="10" size=6 maxlength=4/></td>
    <td width=10% align=center><input type="text" name="debe" size=6 maxlength=4/></td>
    <td width=30% align=left><input name="observa" type="text" size="30" maxlength="30" /></td>
  </tr>
  <tr>
    <td width=10% align=center>0003</td>
    <td width=40% align=left>CCCCCCCCCCCCCCCCCCCCCC</td>
    <td width=10% align=center><input name="dice" readonly="readonly" type=text value="8" size=6 maxlength=4/></td>
    <td width=10% align=center><input type="text" name="debe" size=6 maxlength=4 /></td>
    <td width=30% align=left><input name="observa" type="text" size="30" maxlength="30" /></td>
  </tr>
</table>
</form>
</body>
</html>

suerte y cualquier cosa por aqui estamos

[email protected] · #4 (**permalink**) 10/08/2009, 12:41

Agradesco tu respuesta y me ha servido de mucho. Solo quiero aprovechar de hacerte otra consulta como puedo tener la opcion de colocar dos aplicacciones distintas, te explico agrege ademas en el td esto:

Cita:

Que me ha servido de mucho pero igualmente necesito lo solicitado como puedo complementar ambas.... Desde ya gracias.

lair · #5 (**permalink**) 10/08/2009, 13:03

creo que te refieres a dos llamadas pues no importa siempre y cuando un evento no llame a mas de una funcion (onclick='ver()' onclick='add()')

suerte y cualquier cosa aqui estamos

[email protected] · #6 (**permalink**) 10/08/2009, 14:01

Gracias pero no entendi tu respuesta..

Cita:

<td width=10% align=center><input type="text" name="debe" size=6 maxlength=4 onfocus="if(this.value !='')
{
this.value=4;
//ademas chequear ¿se peude hacer esto...?
if(parseInt(this.value) > 4) {alert('El valor ha de ser un número es mayor que lo pedido'); return false;}" /></td>
}
return true;"/>
</td>

Adler · #7 (**permalink**) 10/08/2009, 14:17

Hola

Tendrás que usar dos evento

Código javascript:

Ver original<td width=10&#37; align=center><input type="text" name="debe" size=6 maxlength=4 onfocus="javascript:if(this.value !=''){this.value=4;}"
onblur = "javascript:if(parseInt(this.value) > 4) {alert('El valor ha de ser un número menor a 4\nHas insertado el valor ' +parseInt(this.value)); return false;}" /></td>

Suerte