Validar formulario llamando un js

[tavomestra22]

mi problema es como valido un campo de texto.... haciendo el codigo js en una archivo js... luego ese codigo lo llamo en el html y le llamo a la funcion js q me valida el campo.....

algo asi

archivo
validar.js

funcionValidarCampo(aqui le pasaria el formulario como referencia){
aqui va el codigo pa validarlo

}



archivo html
aqui tengo q llamar al archivo .js

al dar clic en el boton enviar que llame a la funcion validarCampo(Miformulario)
que me valide los campos......

[_cronos2]

Esto es una duda de HTML, no de JS... En archivo.js pones el código sin las etiquetas script. Después, en el HTML pones <script type='text/javascript' src='archivo.js'></script> . Y en el onsubmit del form, pones return validarCampo(this);
Saludos (:

[goyo_]

Publica el html para mejor ayudarte.

[tavomestra22]

mm no funciona

lo tengo en el mismo html..... pero tengo q pasarlo a un js pero no me funciona aun

function validacampos(form){
var e = "";
var j = 0;
var campo="";
for (i=0;i<document.form.length;i++){
if(document.form[i].value == ""){
var campo= document.form.elements[i].name;
e="El campo estan vacio "+campo;
j=i;
}
}
if(e == ""){
document.form.submit();
}
else{alert(e);
document.form.elements[j].focus()
}
}



en el form

<form id="FormBautismo" name="FormBautismo" method="post" action="" onsubmit="validacampos(this); return false;">

[_cronos2]

Bueno, prueba este código y me comentas:

Código Javascript:

function validacampos(f){
 var e = "";
 for (i=0;c=f.elements[i];i++){
  if(!c.value){
   e+='El campo '+c.name+' está vacío.\n';
  }
 }
 e?alert(e):void(0);
 return !e;
}
 

Código HTML:

<form id="FormBautismo" name="FormBautismo" method="post" action="" onsubmit="validacampos(this);">
 

Saludos (:

[tavomestra22]

siii funciono... graciassss......

ya lo hice y funciona muy bn.... pero no me permiten dejar el javascritp dentro del html

tonces como hago pa pasarlo a un js

y llamarlo desde el html ya lo he intentando y nd
asi
el valida.js

Código:

function validacampo(f){
var e = "";
for (i=0;c=f.elements[i];i++){
if(!c.value){
e+='El campo '+c.name+' está vacío.\n';
}
}
e?alert(e):void(0);
return !e;
}

Código HTML:

<script src="valida.js" type="text/javascript"> </script> 

Código HTML:

<form id="FormBautismo" name="FormBautismo" method="post" action="" onsubmit="validacampo(this); return false;"> 

[_cronos2]

El código HTML es correcto pero fíjate en mi HTML y en el tuyo...
Saludos (:

[tavomestra22]

Iniciado por _cronos2

El código HTML es correcto pero fíjate en mi HTML y en el tuyo...
Saludos (:

yo se q el tuyo esta bn ese es el q toyusando

osea te explico no me perimiten meter las funciones javascritp en el html....

tengo q hacer una clase en js con ese codigo q hicistes.... luego esa clase llamarla al html y acceder a la funcion para validarla..... y como tengo varios form.... debo usar solo una clase para validarlos...

es asii
este es el archivo .js

con la funcion
class ValidarCampos{
function validacampo(f){
var e = "";
for (i=0;c=f.elements[i];i++){
if(!c.value){
e+='El campo '+c.name+' está vacío.\n';
}
}
e?alert(e):void(0);
return !e;
}
}


*******************************+

este es el html

<script src="ValidarCampos.js" type="text/javascript"> </script>

<form id="FormBautismo" name="FormBautismo" method="post" action="" onsubmit="campos.validacampo(this); return false;">



y abajo en el mismo html hago esto como una instancia a la al archivo js

<script type="text/javascript">
var campos = new ValidarCampos();
</script>

[_cronos2]

Hola, en el anterior comentario me refería a

Iniciado por _cronos2

El código JS es correcto pero fíjate en mi HTML y en el tuyo...
Saludos (:

Para lo de hacerlo con objetos, es bien fácil. Puedes hacerlo de dos maneras, con métodos privilegiados:

Código Javascript:

function validarForm(){
 this.validaCampos = function (f){
  var e = "";
  for (i=0;c=f.elements[i];i++){
   if(!c.value){
    e+='El campo '+c.name+' está vacío.\n';
   }
  }
  e?alert(e):void(0);
  return !e;
 }
}
 

o bien con prototipos:

Código Javascript:

function validarForm(){}
validarForm.prototype.validaCampos = function(f){
 var e = "";
 for (i=0;c=f.elements[i];i++){
  if(!c.value){
   e+='El campo '+c.name+' está vacío.\n';
  }
 }
 e?alert(e):void(0);
 return !e;
}
 

De todas formas siempre tienes que llamarlo así:

Código Javascript:

var campos=new validarForm();
 

Y después en el HTML:

Código HTML:

<script src="ValidarCampos.js" type="text/javascript"></script>
<form id="FormBautismo" name="FormBautismo" method="post" action="" onsubmit="campos.validaCampos(this);">
 

PD: No estoy muy seguro de si los nombres que he dado sobre los objetos son correctos porque no soy especialista xD Asi que si están mal decídmelo ;)
Saludos (:

[IsaBelM]

¿por qué duplicas temas?
_cronos2 por si te interesa documentación sobre POO

[tavomestra22]

Iniciado por IsaBelM

¿[URL="http://www.forosdelweb.com/f13/validar-formularios-con-js-orientado-objetos-850269/"]por qué duplicas temas[/URL]?
_cronos2 por si te interesa d[URL="http://imbuzu.wordpress.com/2009/06/14/javascript-orientado-a-objetos-segun-buzu-los-metodos/"]ocumentación sobre POO[/URL]

sime funciono......


isa ya borro el otro tema... gracias

[tavomestra22]

sino es mucha molestia me podrian ayudar con esto...

http://www.forosdelweb.com/f18/mostrar-datos-input-851683/

[IsaBelM]

por lo que he conseguido entender, tu problema se resuelve con ajax