Duda de la implementación de un botón y cuadro de texto para comparar con una variable en Javascript
Buenos días stratcat, ante todo darte las gracias. Mi problema es el siguiente: Necesito incluir en una página un botón y un cuadro de texto, para que cuando el usuario pulse el botón, se compruebe si lo que hay escrito en el cuadro de texto es igual a una variable (siempre la misma) que estará asignada en el javascript. Si lo ha escrito bien, se abrirá otra página, y si no se mostrara una mensaje indicando que no es correcto. Es muy simple pero soy principiante y necesito si es posible el código que lo haga. Muchas gracias por todo.
1 respuesta
Respuesta de stratcat
1
A ver si te ayudo (tengo que reescribir porque se me ha ido un dedo donde no debía).
Antes de nada una recomendación... si lo que quieres es mantener un "secreto"... de esta forma no lo vas a conseguir... solo con usar "Ver código fuente" en el explorador... se acabó el secreto...
Bueno, a lo que iba...
Guardaremos el valor "correcto" en la variable SECRETO.
Tenemos un formulario (se llamará "formulario") con un botón (para el ejemplo yo usaré un botón gráfico, ya que no recuerdo de memoria como se ponen eventos en los botones) y un cuadro de texto al que llamaremos txtToCkeck (en el código se pondrá como name=txtToCheck)
Lo primero es crearse la función que procesará el asunto... tal como la que muestro aquí...
function Procesa()
{
if (document.formulario.txtToCheck.value == SECRETO)
{
// Valor correcto
window.open(......);
}
else
{
// valor incorrecto
window.open (......);
}
}
Bien... tendrás que ver qué te interesa abrir (revisa la sintaxis de window. Open en un manual de JavaScript).
Ahora la pregunta... ¿cómo se llama a esta función para que compruebe el valor? Es lo más fácil, por eso te dije que usaría una "imagen que hiciese de botón" en vez del botón de un formulario.
Simplemente creando la "imagen del botón" con una línea como ésta lo tienes resuelto:
<a href="javascript:Procesa()"><img ser=.....></a>
Y se acabó tu problema... el anchor llamará al evento de Javascript "Procesa"...
¿Te vale?
Antes de nada una recomendación... si lo que quieres es mantener un "secreto"... de esta forma no lo vas a conseguir... solo con usar "Ver código fuente" en el explorador... se acabó el secreto...
Bueno, a lo que iba...
Guardaremos el valor "correcto" en la variable SECRETO.
Tenemos un formulario (se llamará "formulario") con un botón (para el ejemplo yo usaré un botón gráfico, ya que no recuerdo de memoria como se ponen eventos en los botones) y un cuadro de texto al que llamaremos txtToCkeck (en el código se pondrá como name=txtToCheck)
Lo primero es crearse la función que procesará el asunto... tal como la que muestro aquí...
function Procesa()
{
if (document.formulario.txtToCheck.value == SECRETO)
{
// Valor correcto
window.open(......);
}
else
{
// valor incorrecto
window.open (......);
}
}
Bien... tendrás que ver qué te interesa abrir (revisa la sintaxis de window. Open en un manual de JavaScript).
Ahora la pregunta... ¿cómo se llama a esta función para que compruebe el valor? Es lo más fácil, por eso te dije que usaría una "imagen que hiciese de botón" en vez del botón de un formulario.
Simplemente creando la "imagen del botón" con una línea como ésta lo tienes resuelto:
<a href="javascript:Procesa()"><img ser=.....></a>
Y se acabó tu problema... el anchor llamará al evento de Javascript "Procesa"...
¿Te vale?
Gracias stratcat, es exactamente lo que necesitaba. Me es de gran utilidad, ya que soy novato en el tema y la explicación es totalmente clara. Un saludo
