Verificar valor antes de hacer un submit

JuanKa · #1 (**permalink**) 27/10/2005, 03:26

Hola a todos.

Tengo una duda que es la siguiente:

En un campo de tipo text debo evaluar si es vacio o no ; si es vacio que se realice el submit caso contrario que envie un mensaje de "Escriba importe a pagar"

Pero tengo este form

<form action="http://www.miweb.com/enviar_importe.php?id=<? echo $var_id; ?>" method="post" name="frm_pago" id="frm_pago">

<input name="txt_importe" type="text" id="txt_importe" size="10" onKeypress="if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode != 46 && event.keyCode != 44) ) {alert('Por Favor Ingrese solo Números.'); txt_importe.focus(); event.returnValue = false;}" >

<input name="btn_enviar" type="submit" id="btn_enviar" onclick="probar()" value="Enviar">

</form>

En javascript tengo esto pero no me evalua si el campo es vacio.

function probar()
{
if (document.frm_pago.txt_importe.value == "" )
{ alert "campo vacio" ; }

}

Ahora les explico cuando presiono sobre enviar y el campo esta vacio se me dirije a esa web :"http://www.miweb.com/enviar_importe.php..........", cosa que no debe hacer, sino debe de mostrar el mensaje "Escriba importe a pagar".

Como podria ser esto para que este correcto.

Gracias y Saludos

JavierB · #2 (**permalink**) 27/10/2005, 03:34

Hola JuanKa

Pon así el formulario:

<form action="http://www.miweb.com/enviar_importe.php?id=<? echo $var_id; ?>" method="post" name="frm_pago" id="frm_pago" onsubmit = "return probar()">

<input name="btn_enviar" type="submit" id="btn_enviar" value="Enviar">

Y la función de esta forma:

function probar()
{
if (document.frm_pago.txt_importe.value == "" )
{ alert "campo vacio" ;
return false}
}

Espero que te funcione. Saludos,

JuanKa · #3 (**permalink**) 27/10/2005, 04:04

Hola amigo .

Me lo envia de todas manera cuando es vacio.

JavierB · #4 (**permalink**) 27/10/2005, 08:31

Hola de nuevo.

Aquí tienes un error que se me había pasado, te faltan los paréntesis:

alert ("campo vacio") ;

El resto creo que está bien. Si no te funciona pon el formulario que estás usando a ver que pasa.

Saludos,

JuanKa · #5 (**permalink**) 28/10/2005, 01:17

ok. era ese era mi error, lo que pasa que a veces uno lleve un buen tiempo programando y aveces se nos va y eso es lo que me paso a mi.

Una Pregunta como podria verificar el envio del importe de pago es decir que solo puede escribir mediante los siguientes formatos.

1.500.20
1,500.20
1500.20
1500,00

Me parece que podria evaluar antes del envio mediante una expresion regular pero soy novato en esto.

El ingreso de solo numeros, la coma y el punto lo hago con:

onKeypress="if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode != 46 && event.keyCode != 44) ) {alert('Por Favor Ingrese solo Números.'); txt_importe.focus(); event.returnValue = false;}"
y me va muy bien pero quisiera saber. como podria evaluar el formato del importe.

Gracias y saludos.

flaviovich · #6 (**permalink**) 28/10/2005, 03:38

hola JavierB y JuanKa!
Estу codigo hace lo que pides. Chequealo, y nos dices.

Código HTML:

<html>
<head>
<title>Untitled Document</title>
<script>
function validarNum(e)
{
    tecla = (document.all) ? e.keyCode : e.which;
    if (tecla == 8) return true;
    patron = /[0-9\,\.]/;
    te = String.fromCharCode(tecla);
    return patron.test(te);
}
</script>
</head>

<body>
<input name="txt_importe" type="text" id="txt_importe" size="10" onKeypress="return validarNum(event)" >
</body>
</html>

JuanKa · #7 (**permalink**) 28/10/2005, 08:28

Hola .

Una pregunta pero como haria para relacionarlo con el ingreso de datos, es decir, la funcion

onKeypress="if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode != 46 && event.keyCode != 44) ) {alert('Por Favor Ingrese solo Números.'); txt_importe.focus(); event.returnValue = false;}"

Con la funcion

function validarNum(e)
{
tecla = (document.all) ? e.keyCode : e.which;
if (tecla == 8) return true;
patron = /[0-9\,\.]/;
te = String.fromCharCode(tecla);
return patron.test(te);
}

<input name="txt_importe" type="text" id="txt_importe" size="10" onKeypress="return validarNum(event)" >
Ya que los dos usan el mismo evento onKeypress

o SERIA:

onKeypress="if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode != 46 && event.keyCode != 44) ) {alert('Por Favor Ingrese solo Números.'); txt_importe.focus(); event.returnValue = false;}" ; onKeypress="return validarNum(event)" >

ES DECIR SEPARARADO POR EL ; DENTRO DEL <input name ="txt_importe" ................>

Gracias y saudos

flaviovich · #8 (**permalink**) 28/10/2005, 09:11

Hola otra vez!
La funcion validarNum(e), hace lo mismo que el codigo que tienes. En otras palabras, ya no necesitas todo lo que esta en el if.
Prueba el ejemplo que te di.
suerte