Control de formulario no se ejecuta

angel_dope · #1 (**permalink**) 29/07/2015, 04:29

Hola una vez más!! Tengo un formulario con dos controles y ninguno parece funcionar. Por una parte, en varios campos, se comprueba que al pulsar una tecla es un número. Si es un número, lo escribe, si no lo es, no hace nada. Por otra parte, al enviar el formulario, se comprueba que los campos obligatorios tienen valor, que cierto campo no pasa de 100 y que la suma de otros cuatro campos suma 100 exactos (en otros formularios solo se comprueba una de estas condiciones, pero el falla también)
El caso es que no hace caso de nada, en los campos deja escribir cualquier cosa y si le doy al botón de enviar, se envía sin comprobar nada. Alguien tiene idea de porque está pasando esto? He probado en Chrome y en Explorer 11 y en ambos el comportamiento es el mismo.
Os dejo el código por si se me ha pasado algo:

Las dos funciones

Código Javascript:

Ver original<head>
<script language="javascript"> 
<!-- 
function LP_data(){ 
var key=window.event.keyCode;//codigo de tecla. 
if (key < 48 || key > 57){//si no es numero  
window.event.keyCode=0;//anula la entrada de texto. 
}} 
--> 
</script> 
<script language="javascript">
function validar(frm) {
 var ret;
 if (frm.f1.value == "" ) || (frm.f2.value == "" ) || (frm.f3.value == "" )  {
  alert('Por favor, rellene todos los campos obligatorios marcados con **');
  ret = false;
 }
  if ( frm.f4.value > 100) {
  alert('El valor de la pregunta P4 debe ser menor o igual que 100');
  ret = false;
 }
  if ( frm.f6_nacional_hogar.value+frm.f6_inter_hogar.value+frm.f6_nacional_contract.value+frm.f6_inter_contract.value != 100) {
  alert('La suma de los cuatro campos de la pregunta P6 debe ser igual a 100');
  ret = false;
 }
 
return ret;
}
</script>

El formulario

Código HTML:

Ver original<form id="frm" name="frm" method="post" action="f_s1_2.asp"  onsubmit="return validar(this)">

Uno de los inputs

Código HTML:

Ver original<input name="f1_2" type="text" class="campos_de_texto" id="f1_2"  size="3" maxlength="3" onkeypress="LP_data()"/>

caricatos · #2 (**permalink**) 29/07/2015, 04:56

Hola:

En la validación debes integrar las distintas condiciones encerrándolas en otro juego de paréntesis (le primer if...)

Luego usas un nombre: f1_2 pero en el código javascript se ve f1, f2, f3...

Saludos

angel_dope · #3 (**permalink**) 29/07/2015, 05:24

Ok, lo de los paréntesis ya está cambiado y esa parte ya funciona, muchísimas gracias Caricatos!!! En cuanto al nombre de los campos, está bien, justamente he colocado el f1_2 como ejemplo de la llamada a la función de comprobar que es numérico, pero no es uno de los obligatorios, por eso no sale en la función de comprobar el formulario.
Ahora solo me falta la parte de que reconozca que se está pulsando un número, eso sigue sin hacerlo!!

angel_dope · #4 (**permalink**) 29/07/2015, 05:30

Y otra cosilla más. He comprobado que aunque los cuatro campos sumen 100, me sigue saltando el aviso de que no están sumando 100. He probado a poner en el alert lo mismo que en el if, y en lugar de sumar, parece que está concatenando los valores, es decir, si pongo 5 en los cuatro campos, lo que me muestra en el alert es 5555!! Cómo debería ponerlo para que lo haga bien?

Esto es lo que he puesto para ver que está haciendo:

Código Javascript:

Ver originalif ( frm.f6_nacional_hogar.value+frm.f6_inter_hogar.value+frm.f6_nacional_contract.value+frm.f6_inter_contract.value != 100) {
    alert(frm.f6_nacional_hogar.value+frm.f6_inter_hogar.value+frm.f6_nacional_contract.value+frm.f6_inter_contract.value);
//  alert('La suma de los cuatro campos de la pregunta P6 debe ser igual a 100');
  ret = false;
}

angel_dope · #5 (**permalink**) 29/07/2015, 05:36

Cita:

Iniciado por angel_dope

Y otra cosilla más. He comprobado que aunque los cuatro campos sumen 100, me sigue saltando el aviso de que no están sumando 100. He probado a poner en el alert lo mismo que en el if, y en lugar de sumar, parece que está concatenando los valores, es decir, si pongo 5 en los cuatro campos, lo que me muestra en el alert es 5555!! Cómo debería ponerlo para que lo haga bien?

Esto es lo que he puesto para ver que está haciendo:

Código Javascript:

Ver originalif ( frm.f6_nacional_hogar.value+frm.f6_inter_hogar.value+frm.f6_nacional_contract.value+frm.f6_inter_contract.value != 100) {
    alert(frm.f6_nacional_hogar.value+frm.f6_inter_hogar.value+frm.f6_nacional_contract.value+frm.f6_inter_contract.value);
//  alert('La suma de los cuatro campos de la pregunta P6 debe ser igual a 100');
  ret = false;
}

Esto ya lo he conseguido resolver con el parseInt, es decir, de la siguiente forma:

Código Javascript:

Ver originalif ( (parseInt(frm.f6_nacional_hogar.value)+parseInt(frm.f6_inter_hogar.value)+parseInt(frm.f6_nacional_contract.value)+parseInt(frm.f6_inter_contract.value)) != 100) {