Javascript no se ejecuta, ni al servlet tampoco

[kovicic]

Hola, estoy en algo bien básico pero con problemas. Validar los campos de un formulario para luego invocar al servlet.

El tema es que no ejecuta el servlet aun cuando ingreso bien los datos, le doy click al botón y ahí queda. Y tampoco el javascript me está chequeando todos los casos.
La idea es validar un email.

Script

Código:

<script type='text/javascript'>
    function validarEmail(str) {

		var at="@";
		var dot=".";
		var lat=str.indexOf(at);
		var lstr=str.length;
		var ldot=str.indexOf(dot);

		if (str.indexOf(at)==-1)
                {
		   alert("Formato no valido de Email")
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   alert("Formato no valido de Email");
		   return false;
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    alert("Formato no valido de Email");
		    return false;
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    alert("Formato no valido de Email");
		    return false;
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    alert("Formato no valido de Email");
		    return false;
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		    alert("Formato no valido de Email");
		    return false;
		 }

		 if (str.indexOf(" ")!=-1){
		    alert("Formato no valido de Email");
		    return false;
		 }

 		 return true;
	}
   
     function validarDatos()
     {
	var emailID=document.miForm.NombreUsuario

	if ((emailID.value==null)||(emailID.value=="")){
		alert("Debe ingresar el email");
		emailID.focus();
		return false;
	}
	if (validarEmail(emailID.value)==false){
		emailID.value="";
		emailID.focus();
		return false;
	}       
	return true;
     }

Formulario html

Código:

<form name="frmLogging" method="post" action="loginUsuario" onClick="return validarDatosl()" >
          <br>
          Email *
          <input type="text" name="NombreUsuario" value="" size="8" />
          <br>
          PassWord *
          <input type="password" name="PassWord" value="" size="8" />
          <br><br>         
          <input type="button" name="btnEnviar" value="Enviar">
      </form>

loginUsuario es el nombre del servlet, si no cheque los datos, lo ejecuta perfectamente, el path es correcto.
Pero con la opción de validar con javascript nunca llego al servlet.
Llegué a escribir esta línea dentro del javascript. pero tampoco me anduvo.

Código:

document.forms[frmLoggin].submit();

Les agradezco su ayuda, saludos

[HackmanC]

Hola,

Iniciado por kovicic

Código:

<script type='text/javascript'>
     function validarDatos()
     {
	var emailID=document.miForm.NombreUsuario
...
     }

Código:

<form name="frmLogging" method="post" action="loginUsuario" onClick="return validarDatosl()" >
...

Vuelve a revisar todo el script completamente. Para comenzar no estas leyendo el nombre del formulario correcto, en Javascript escribes miForm y en el HTML se llama frmLoggin, y posiblemente el nombre de la función no coincide tampoco.

Saludos,

[zerokilled]

adicional, el evento deberia ser onsubmit, no onclick.

[kovicic]

Sabes que hice lo que dices, y me pasa lo mismo.
a) modifiqué los errores del script
b)cambié onClick por onSubmit
c1) probé llamando al servlet desde el sript
c2) sin llamarlo desde el script.

El resultado en ambos casos es el mismo, aunque ingrese un mail correcto no salta al servlet, y si escribo un email = 2, no salta error.

¿Podrían decirme como se llama al servlet dentro de un script?
Hago algo asi:
document.forms[frmLoggin].submit();
return true;


Realmente ya no se qué mas probar. Gracias

[kovicic]

hola, cambié el el input type por submit, me está ejecutando el javascript correctamente, pero aunque de error, sale a una página que manda el servlet. O sea, que el servlet se ejecuta cuando no debería.

Esta es la línea del form ahora:
<input type="submit" name="btnEnviar" value="Enviar">

[kovicic]

Acabo de corregirlo y por ahora anda, debí llamar al script con return validarDato().
Gracias por sus aportes, saludos

[kovicic]

Una duda que me ha quedado, ¿por qué no me funciona con el evento onClick del input type = button?, gracias :)

[HackmanC]

Hola,

Según la especificación del HTML, la etiqueta FORM no tiene el evento OnClick(). Es decir, no debería de existir ese evento para dicha etiqueta, pero algunos browsers sí lo implementan; aunque su funcionamiento es otro completamente diferente del evento onsubmit().

Por ejemplo:

Código:

<form action="" method="post" name="Usuarios"
onclick="return alert('You clicked the form somewhere.');">
<input name="Usuario" type="text" size="12" maxlength="40" />
</form>
...

Al hacer click con el mouse en cualquier lugar del formulario (en algunos browsers) presenta un mensaje de alert, pero no se ejecuta al enviar el formulario, para eso está el evento onsubmit().

Saludos,

ps:

El evento onclick() se ejecuta al enviar el formulario en algunos browsers !-- los que lo implementan, actualmente deberían ser todos --, puesto que el click en el botón 'Enviar' es también considerado parte del formulario.

Pero el valor retornado de la función onsubmit() define si al final el formulario se envía o no. Es decir, si escribes onsubmit="return false"; el formulario nunca se va a enviar, puesto que falso en ese evento previene su funcionamiento.

Pero si escribes onclick="return false;" no tiene importancia sobre el envío de dicho formulario, no importa si el evento se ejecutó porque presionaste el botón submit o cualquier otro lugar del formulario.

[zerokilled]

Iniciado por HackmanC

Según la especificación del HTML, la etiqueta FORM no tiene el evento OnClick(). Es decir, no debería de existir ese evento, pero algunos browsers sí lo implementan...

aclarar algo sobre ese comentario. tecnicamente cualquier elemento puede contener cualquier evento. una cosa es si ese elemento puede o no producir el evento. pero desde XHTML ciertamente algunos elementos pueden tener ciertos eventos en linea (inline event). ahora bien, en el estandar XHTML si se define que FORM puede tener evento onclick.

Código:

<!ATTLIST form
  %attrs;
  action      %URI;          #REQUIRED
  method      (get|post)     "get"
  enctype     %ContentType;  "application/x-www-form-urlencoded"
  onsubmit    %Script;       #IMPLIED
  onreset     %Script;       #IMPLIED
  accept      %ContentTypes; #IMPLIED
  accept-charset %Charsets;  #IMPLIED
  >

<!ENTITY % attrs "%coreattrs; %i18n; %events;">

<!ENTITY % events
 "onclick     %Script;       #IMPLIED
  ondblclick  %Script;       #IMPLIED
  onmousedown %Script;       #IMPLIED
  onmouseup   %Script;       #IMPLIED
  onmouseover %Script;       #IMPLIED
  onmousemove %Script;       #IMPLIED
  onmouseout  %Script;       #IMPLIED
  onkeypress  %Script;       #IMPLIED
  onkeydown   %Script;       #IMPLIED
  onkeyup     %Script;       #IMPLIED"
  >

[HackmanC]

Hola,

Iniciado por zerokilled

aclarar algo sobre ese comentario. tecnicamente cualquier elemento puede contener cualquier evento.

Je,je.. perdón ... acabo de terminar de revisar la especificación y tienes razón, e inmediatamente lo iba a corregir. (Por eso dejé de usar Dreamweaver, realmente la referencía O'Reilly, muestra solamente onsubmit y onreset como posibles eventos). Realmente era alrevés ... la especificación SÍ lo permite, pero algunos browsers no lo implementan.

Saludos,

[kovicic]

Muy buenas las aclaraciones de ambos, pasando en limpio entendí que si bien el evento onClick es aceptado, no envía el formulario.
Agradezco me corrijan si no es asi, saludos :)

[zerokilled]

no solo no envia el formulario, mas importante aun que a traves de este evento no podemos manejar la verdadera accion de envio. es decir, intentar cancelar el envio de formulario a traves de onclick es imposible porque dicho evento no esta relacionado de alguna manera con el evento de envio. o sea, son dos entidades distintas y cada una responde a distintos sucesos. por tanto, el evento que maneja el envio es onsubmit y desde este podemos controlar si esa accion se llevara a cabo o no.

[kovicic]

clarísimo, gracias