Formulario - Controlando envio con indexOf()

[popobcn]

Buenas,

Estoy intentando controlar el envio de un formulario por el contenido de un DIV controlado por una parte de código realizada en AJAX que muestra una validación externa de los datos introducidos de la siguiente manera:

Código:

	
	if(window.document.getElementById('idcontenedordiv').indexOf('Valordetexto')<>-1){
		return (false);
	}

Pero no hay tu tia... La verdad es que el javascript nunca a sido lo mio... ¿Que hago mal?

Saludos

[zerokilled]

primero, getElementById devuelve un objeto Element del elemento con dicho id. en los objetos Element no existe el metodo indexOf, mas bien este metodo es heredado de los string. para leer el contenido de un elemento tenemos la propiedad innerHTML, aunque este no es estandar la gran mayoria de los navegadores actuales la reconocen. innerHTML, juntamente con su contenido tambien muestra el codigo HTML referente al elemento. y segundo, el operador <> no existe en javascript, el equivalente es !=, para mas referencia de operadores comparativos http://www.w3schools.com/js/js_comparisons.asp

[popobcn]

Hola zerokilled!

En tal caso entiendo que esto tendria que cumplir mis necesidades...?

if(window.document.getElementById('idcontenedordiv ').innerHTML!="textoquesea"){
return (false);
}

Gracias apañero!

[zerokilled]

dependiendo, ¿el DIV contiene algun otro texto o elementos adicional al que quieres buscar? si es asi, entonces tienes que usar la forma que estabas usando antes, solo que te faltaba poner innerHTML entre getElementById(...) e indexOf.

[popobcn]

Nada... no consigo que funcione ! xD Lo dicho... negado a los mandoooooooos!

if(window.document.getElementById('idcontenedordiv ').innerHTML.indexOf("CadenadeTexto a encontrar")!='-1'{
}else{
return (false);
}

He colocado bien el indexOf? O lo estoy complicando demasiado... Lo que quiero hacer es que dependiendo del contenido de texto del DIV no se valide el formulario.

O sea, si encuentra una equivalencia con una cadena de texto concreta, PARA. En caso contrario valida el formulario.

Gracias por vuestra paciencia :)

[zerokilled]

te falto cerrar el condicional if con el parentesis, es decir, antes de la llave { va un parentesis de cierre ). y para evitar posibles problema, -1 tiene que ser tipo numerico pero lo tienes en string, simplemente quitale las comillas simples.

[popobcn]

Iniciado por zerokilled

te falto cerrar el condicional if con el parentesis, es decir, antes de la llave { va un parentesis de cierre ). y para evitar posibles problema, -1 tiene que ser tipo numerico pero lo tienes en string, simplemente quitale las comillas simples.

Justo ahora había detectado ese problema y corregido el mismo... pero nada. Continua sin funcionar correctamente...

if(window.document.getElementById('nombrediv').inn erHTML.indexOf("Texto a localizar")!=-1{

}else{
return (false);
}

Vamos, que más que no funcionar, valida directamente el formulario... No termino de comprender donde esta el problema. La verdad es que de lo simple que parece comienza a resultar excesivamente complicado xD jajajajjaa

Así que al final lo he solucionado a "la valiente":

if(window.document.getElementById('nombrediv').inn erHTML="Texto a localizar"){
return (false);
}

Gracias por la ayuda hamijo!

[zerokilled]

muestra como invocas ese codigo. para cancelar el envio de formulario, tienes que usar el evento onsubmit dentro del elemento <FORM>. si el codigo esta directamente dentro del evento, supone que te funcione. por el contrario, si es una invocacion de una funcion que contiene el codigo, tienes que preceder dicha invocacion con la expresion return.

[popobcn]

Iniciado por zerokilled

muestra como invocas ese codigo. para cancelar el envio de formulario, tienes que usar el evento onsubmit dentro del elemento <FORM>. si el codigo esta directamente dentro del evento, supone que te funcione. por el contrario, si es una invocacion de una funcion que contiene el codigo, tienes que preceder dicha invocacion con la expresion return.

La parte de la validación del usuario esta controlada :) Funciona correctamente... pero tengo una duda...

No tendria que cambiar esto:

if(window.document.getElementById('nombrediv').inn erHTML="Texto a localizar"){
return (false);
}

Por esto:

if(window.document.getElementById('nombrediv').inn erHTML=="Texto a localizar"){
return (false);
}

Ahora al lanzar datos erroneos en el formulario, interrumpe correctamente el envio del mismo, perooooooooo no se como, al efectuar las correcciones pertinentes e intentar validarlo continua leyendo la parte de contenido del texto a verificar.

¿Puede que sea por emplear solo un = en vez de ==?

Saludos

[Adler]

Hola

Otra opción sería en vez de usar innerHTML.indexOf usar firstChild.nodeValue.indexOf, no creo que funcione, pero bueno ...

Por otro lado, ¿te has planteado, llegado a este punto, usar expresiones regulares?

Suerte

[zerokilled]

no entendi bien tu ultima consulta, quizas mostrando todo el codigo o el codigo implicado puede que entienda mejor el asunto.