Crear y utilizar una función javascript en html

Jesijames · #1 (**permalink**) 23/08/2010, 16:47

Hola tengo un elemento de un formulario al cual le agregue un boton sería algo asi:
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
</head>
<body>
<script>
//creo una funcion que dice que el texto que ingrese el usuario debe ser igual a: Los, si no es falso
function validarart(form){
articulo1=document.getElementById("primera act").value
if(articulo1!=Los){alert(incorrecto)}
else {alert(correcto)}
}

</script>

<form name="articulo" method="post">
<input type="text" id="primeract" width="45px" name="primeract" value="" > perros salieron corriendo.
<input type="button" name="botondeact" value="confirmar" onclick="validarart(this.form.primeract.value)" />
</form>

</body>
</html>

lo que quiero hacer es que cuando el usuario ingrese el texto presione luego el boton y éste ejecute la funcion pero, no me esta funcionando.
En el campo del texto el usuario debe ingresar el articulo castellano:"Los", y ningun otra palabra. Si no ingresa esa palabra al presionar el boton debe aparecer un alert que diga: Incorrecto, si ingresa la palabra correcta otra alert que diga: correcto.

A ver si alguien me puede ayudar.
Besos y gracias
Jesi

lair · #2 (**permalink**) 23/08/2010, 17:17

Hola.

Prueba con esto:

function validarart(form){
articulo1=document.getElementById("primeract").value; //atencion a aqui, es todo junto y con solo una a
if(articulo1!="Los"){alert("incorrecto")} //pon atencion a las comillas que agregue
else {alert("correcto")} //aqui tambien
}

</script>

Cuando manejas cadenas de texto (strings) se deben usar comillas

<form name="articulo" method="post">
<input type="text" id="primeract" width="45px" name="primeract" value="" > perros salieron corriendo.
<input type="button" name="botondeact" value="confirmar" onclick="validarart()" /> Aqui elimino el this...

con el this que colocas ahi te refieres al campo de tipo boton <input type="button" name="botondeact"

por lo que no puedes agregarle cosas como form... deberian ser metodos y atributos propios de ese campo.

Suerte.

Jesijames · #3 (**permalink**) 24/08/2010, 06:15

BUENISIMO!
GRACIAS!
Jesy

Jesijames · #4 (**permalink**) 24/08/2010, 13:15

Bueno, lo que quiero hacer ahora es algo mas o menos como lo que hice antes de que en un campo de un formulario del siguiente tipo:

<form name="sustantivo" method="post">
a).<input type="text" name="sustantivocasa" id="sustantivocasa" value="" />
b).<input type="text" name="sustantivocasa2" id="sustantivocasa2" value="" />
</form>

Al ingresar la cadena de texto el usuario tenga determinadas caracteristicas y no otras por ejemplo:

function listasustantivo(form){
casa= document.getElementById("sustantivocasa").value
if(casa=="Primitivo"||casa== "Concreto"){alert("Correcto")}
else if (casa =="Individual"||casa=="contable"){alert("correcto" )}
else if(casa=="común"){alert "correcto"}
}
pero me parece que lo estoy planteando mal por que en realidad lo que quiero es que, además de que lo que ingrese el usuario deba tener ciertas caracteristicas hay otras que no tiene que tener tal como las siguientes:
function listasustantivo(form){
casa= document.getElementById("sustantivocasa").value
if(casa!="derivado"||casa!="abstracto"){alert("Cor recto")}
else if (casa !="colectivo"||casa!="incontable"){alert("correcto ")}
else if(casa!="propio"){alert "correcto"}
else{alert("Incorrecto")}
}
Es decir hay algunas palabras que el usuario no debe ingresar al campo, y de ingresarlas le aparezca un alert diciendo incorrecto.
Pero lo que no se es que estructura de control utilizar para lograr esto.
Gracias.
Jesica

lair · #5 (**permalink**) 24/08/2010, 14:03

Hola.

tengo una duda.
el usuario solo puede untroducir UNA palabra? o puede ser una oracion completa?

Adler · #6 (**permalink**) 24/08/2010, 14:44

Hola

Tendrás que insertar todas esa palabras prohibidas en una matriz. Una vez que el usuario haya escrito el texto en el textfield y sumite el form, recoges el valor del campo, usando la función split() divides la cadena en palabras. Entonces recorriendo con un ciclo todas las palabras las vas evaluando contra las palabras que tienes en el arreglo

Suerte

Jesijames · #7 (**permalink**) 25/08/2010, 06:21

Cita:

Iniciado por lair

Hola.

tengo una duda.
el usuario solo puede untroducir UNA palabra? o puede ser una oracion completa?

El usuario solo puede introducir solo una palabra.
Pero tiene cuatro casillas donde debe introducir solo 4 opciones de 8, es decir de 8 opciones 4 estan prohibidas y y 4 son correctas.
La otra opcion es hacerlas con radiobutton o checkbox, y crear la función que permita al seleccionar las cuatro opciones correctas el resto de las ociones se bloqueen y salga un mensaje advirtiendo de que el ejercicio se a completado correctamente. Pero esto no se como sería.
Saludos y gracias.
Jesica

Jesijames · #8 (**permalink**) 25/08/2010, 06:27

Cita:

Iniciado por Adler

Hola

Tendrás que insertar todas esa palabras prohibidas en una matriz. Una vez que el usuario haya escrito el texto en el textfield y sumite el form, recoges el valor del campo, usando la función split() divides la cadena en palabras. Entonces recorriendo con un ciclo todas las palabras las vas evaluando contra las palabras que tienes en el arreglo

Suerte

Eso es lo que mas o menos quería hacer yo pero era lo que justamente no me salía.
Al decir matriz queres decir array?
Y al recoger el valor lo haces con el getElemenById("aca va el Id").value y donde pones el split?
Y después para recoger la cadena como sería...con un for in?
Y si es con el for in como seria?
Gracias
Jesica

Adler · #9 (**permalink**) 25/08/2010, 06:44

Hola

Array, matriz, arreglo, todo es lo mismo

Código Javascript:

Ver originalvar prohibidas["derivado", "abtacto", ...];
var division = docuement.getElemenById("campo").value.split(' ');
 
for(var i = 0; i < prohibidas.length; i++) {
for (var n = 0; n < division.length; n++) {
if(division[n] == prohibidas[i]) {
....
}
}
}

Suerte

Jesijames · #10 (**permalink**) 25/08/2010, 07:45

function listasustantivo(form){

var palabras [ "Derivado", "Abstracto", "Incontable", "Propio" ];//Array con palabras prohibidas
var casa= document.getElementById("sustantivocasa").value.sp lit(' ');
for (var i= 0;i <palabras.length; i++)
for (var n = 0; n < casa.length; n++)
{if (casa[n]== palabras[i]){alert ("Incorrecto")}
}
Aca lo hice con todos lo elementos y no me funciona. Estaba pensando que a lo mejor en vez de poner i< palabras.length poner: i != palabras.length. pero no se si eso se puede.
Saludos
Jesica

Adler · #11 (**permalink**) 25/08/2010, 08:14

Hola

Prueba ahora

Código Javascript:

Ver originalfunction listasustantivo(){
var palabras = [ "Derivado", "Abstracto", "Incontable", "Propio"];//Array con palabras prohibidas
var casa= document.getElementById("sustantivocasa").value.split(' ');
for (var i= 0;i <palabras.length; i++) {
for (var n = 0; n < casa.length; n++) {
if (casa[n]== palabras[i]){alert ("Incorrecto");}
}
}
}

Suerte

Jesijames · #12 (**permalink**) 26/08/2010, 17:30

Perfecto.
Gracias.-
Jesica

Adler · #13 (**permalink**) 27/08/2010, 05:41

Hola

Una buena herramienta para un programador es tener una buena consola de errores. Descargate Firebug de FF, lo puedes encontrar en los addons

Suerte