Armar formulario "muy completo"

[miriamgomez]

Hola:

recurro a vosotros por que he sido totalmente incapaz de armar o unir todas las partes que necesito de un formulario.

He conseguido ir haciendolo a trozos , pero no todo a la vez.

Trato de explicarme:

El formulario debe de constar de:

- captchap

- Que el email sea valido ( vamos que comruebe que los caractes sean validos y que contenga . y @

- un combo-box ( un select que dependiendo de lo que se escoja el select "condicionado" muestre los valores asignados)

- una serie de campos obligatorios

- un text que debe tener un maximo y un minimo de caracteres, y un "contador" de caracteres.

Estos tados se enviaran a una base de datos

Agradeceria cualquier tipo de ayuda.

Gracias de antemano

Un saludo

[maycolalvarez]

indiscutible-mente todas las validaciones deben hacerse en php (servidor) pero javascript te puede brindar otra capa extra de interoperabilidad además de las propiedades propias de los web forms (ejemplo maxlength) en HTML, investiga al respecto.

[miriamgomez]

hola:

Las tengo todas una a una o con dos funciones al mismo tiempo, pero no paso de ese punto.

Cuanto intento agregar mas cosas me crean problemas por que supongo que son incompatibles.

un saludo

[maycolalvarez]

si tienes algo ya hecho postea una parte, porque así es imposible ayudarte

[miriamgomez]

Hola:

Voy poniendo los trozos:

Con esto genero el combo:

Código Javascript:

function cambiar()
{
var index=document.forms.formulario.servicios.selectedIndex;
 
formulario.meses.length=0;
 
if(index==2) Arte();
if(index==3) Ciencia();
if(index==4) Compra();
if(index==5) Deportes(); 
if(index==10) Negocios();
if(index==6) Educacion();
if(index==7) Hogar();
if(index==12) Sociedad(); 
if(index==8) Internet();
if(index==9) Juegos();
if(index==11) Salud();
if(index==13) Turismo();
if(index==1) Adultos();
 
}
function Arte(){
opcion0=new Option("...","...","defauldSelected");
opcion1=new Option("Literatura","Literatura");
opcion2=new Option("Cine","Cine");
opcion3=new Option("Fotografía","Fotofrafía");
 
document.forms.formulario.meses.options[0]=opcion0;
document.forms.formulario.meses.options[1]=opcion1;
document.forms.formulario.meses.options[2]=opcion2; 
document.forms.formulario.meses.options[3]=opcion3;
}
function Ciencia(){
opcion0=new Option("...","...","defauldSelected");
opcion1=new Option("Ingeniería","Ingeniería");
opcion2=new Option("Media Ambiente","Medio Ambiente");
opcion3=new Option("Arquitectura","Arquitectura");
 
 
document.forms.formulario.meses.options[0]=opcion0;
document.forms.formulario.meses.options[1]=opcion1;
document.forms.formulario.meses.options[2]=opcion2; 
document.forms.formulario.meses.options[3]=opcion3;
 
}
 
function Compra(){
opcion0=new Option("...","...","defauldSelected");
opcion1=new Option("Casa y Jardín","Casa y Jardín");
opcion2=new Option("Animales","Animales");
opcion3=new Option("Automoviles","Automoviles");
 
 
 
document.forms.formulario.meses.options[0]=opcion0;
document.forms.formulario.meses.options[1]=opcion1;
document.forms.formulario.meses.options[2]=opcion2; 
document.forms.formulario.meses.options[3]=opcion3;
 
}
 
function Deportes(){
opcion0=new Option("...","...","defauldSelected");
opcion1=new Option("Automovilismo","Automovilismo");
opcion2=new Option("Futbol","Futbol");
opcion3=new Option("Tenis","Tenis");
opcion4=new Option("Padel","Padel");
 
 
document.forms.formulario.meses.options[0]=opcion0;
document.forms.formulario.meses.options[1]=opcion1;
document.forms.formulario.meses.options[2]=opcion2; 
document.forms.formulario.meses.options[3]=opcion3;
document.forms.formulario.meses.options[4]=opcion4; 
 
}
function Negocios(){
opcion0=new Option("...","...","defauldSelected");
opcion1=new Option("Bares y Restaurantes","Bares y Restaurantes");
opcion2=new Option("Fiestas","Fiestas");
opcion3=new Option("Asesorias","Asesorias");
opcion4=new Option("Limpiezas","Limpiezas");
 
 
document.forms.formulario.meses.options[0]=opcion0;
document.forms.formulario.meses.options[1]=opcion1;
document.forms.formulario.meses.options[2]=opcion2; 
document.forms.formulario.meses.options[3]=opcion3;
document.forms.formulario.meses.options[4]=opcion4; 
 
}
function Educacion(){
opcion0=new Option("...","...","defauldSelected");
opcion1=new Option("Cursos a distancia","Curso a distancia");
opcion2=new Option("Idiomas","Idiomas");
opcion3=new Option("Colegios","Colegios");
opcion4=new Option("Web educativas","Web educativas");
 
 
document.forms.formulario.meses.options[0]=opcion0;
document.forms.formulario.meses.options[1]=opcion1;
document.forms.formulario.meses.options[2]=opcion2; 
document.forms.formulario.meses.options[3]=opcion3;
document.forms.formulario.meses.options[4]=opcion4; 
 
}
function Hogar(){
opcion0=new Option("...","...","defauldSelected");
opcion1=new Option("Cocina","Cocina");
opcion2=new Option("Muebles","Muebles");
opcion3=new Option("Decoración","Decoración");
opcion4=new Option("Electrodomésticos","Electrodomésticos");
 
 
document.forms.formulario.meses.options[0]=opcion0;
document.forms.formulario.meses.options[1]=opcion1;
document.forms.formulario.meses.options[2]=opcion2; 
document.forms.formulario.meses.options[3]=opcion3;
document.forms.formulario.meses.options[4]=opcion4; 
 
}
function Sociedad(){
opcion0=new Option("...","...","defauldSelected");
opcion1=new Option("Política","Política");
opcion2=new Option("Religion","Religion");
opcion3=new Option("Historia","Historia");
opcion4=new Option("Solidaridad","Solidaridad");
 
 
document.forms.formulario.meses.options[0]=opcion0;
document.forms.formulario.meses.options[1]=opcion1;
document.forms.formulario.meses.options[2]=opcion2; 
document.forms.formulario.meses.options[3]=opcion3;
document.forms.formulario.meses.options[4]=opcion4; 
 
}
function Internet(){
opcion0=new Option("...","...","defauldSelected");
opcion1=new Option("Informática","Informática");
opcion2=new Option("Alojamiento","Alojamiento");
opcion3=new Option("Chat","Chat");
opcion4=new Option("Descargas","Descargas");
 
 
document.forms.formulario.meses.options[0]=opcion0;
document.forms.formulario.meses.options[1]=opcion1;
document.forms.formulario.meses.options[2]=opcion2; 
document.forms.formulario.meses.options[3]=opcion3;
document.forms.formulario.meses.options[4]=opcion4; 
 
}
function Juegos(){
opcion0=new Option("...","...","defauldSelected");
opcion1=new Option("Loterias-Quinielas","loterias-Quinielas");
opcion2=new Option("Videojuegos","Videojuegos");
 
 
 
 
document.forms.formulario.meses.options[0]=opcion0;
document.forms.formulario.meses.options[1]=opcion1;
document.forms.formulario.meses.options[2]=opcion2; 
 
 
}
function Salud(){
opcion0=new Option("...","...","defauldSelected");
opcion1=new Option("Medicamentos","Medicamentos");
opcion2=new Option("Medicina Alternativa","Medicina Alternativa");
opcion3=new Option("Dietética","Dietética");
document.forms.formulario.meses.options[0]=opcion0;
document.forms.formulario.meses.options[1]=opcion1;
document.forms.formulario.meses.options[2]=opcion2; 
document.forms.formulario.meses.options[3]=opcion3;
}
function Turismo(){
opcion0=new Option("...","...","defauldSelected");
opcion1=new Option("Agencias de Viajes","Agencias de Viajes");
opcion2=new Option("Guias","Guias");
opcion3=new Option("Casas Rurales","Casa Rurales");
 
 
 
document.forms.formulario.meses.options[0]=opcion0;
document.forms.formulario.meses.options[1]=opcion1;
document.forms.formulario.meses.options[2]=opcion2; 
document.forms.formulario.meses.options[3]=opcion3;
}
function Adultos(){
opcion0=new Option("...","...","defauldSelected");
opcion1=new Option("Contactos","Contactos");
opcion2=new Option("Videos X","Videos X");
opcion3=new Option("Tendencias","Tendencias");
 
document.forms.formulario.meses.options[0]=opcion0;
document.forms.formulario.meses.options[1]=opcion1;
document.forms.formulario.meses.options[2]=opcion2; 
document.forms.formulario.meses.options[3]=opcion3;
}
</script>
 

Usando esto cundo defino el form compruebo los campos:

onsubmit="MM_validateForm('nombre','','R','email', '','R','telefono','','R','servicios','','R','CAPTC HA_CODE','','R');return document.MM_returnValue">

Con esto cuento os numeros de carracteres para que esten en un rango, adema hay un trozo que compreuba que esta relleno unos campos

<script>
var timer=setInterval("COUNT_CHARACTERS();",10),Debugg er,Proceded;function COUNT_CHARACTERS(){var b=document.getElementById("descrpcion");document.g etElementById("Count").innerHTML="Comentarios: ("+b.value.length+" / 99)";if(b.value.length>99)b.value=b.value.substrin g(0,99)}
function VALIDATE_FIELDS(){Debugger="Se han encontrado los siguientes errores: \n \n";Proceded=!0;for(var b=["descripcion","Url","email"],a=0;a<b.length;a++){var c=document.getElementById(b[a]);if(b[a]=="email")c.value.indexOf("@")==-1&&(Debugger+="* El email proporcionado es incorrecto. \n",Proceded=!1);else if(b[a]=="descripcion"){if(c.value.length<10||c.value.len gth>99)Debugger=Debugger+"* El campo "+b[a]+" debe contener al menos 10 caracteres y menos de 99. \n",Proceded=!1}else c.value==
""&&(Debugger=Debugger+"* El campo "+b[a]+" no puede estar vacio. \n",Proceded=!1)}Proceded?document.forms.MyData.su bmit():alert(Debugger)}

El captchap, lo genero con un archico externo y lo tengo medio controlado

No se si sirvio de ayuda o lo lie mas

Se trata de unificar todos estos "trozos"

gracias por tus repsuetas

[miriamgomez]

Se me paso; con este verifico los correos

function MM_validateForm() { //v4.0
var i,p,q,nm,test,num,min,max,errors='',args=MM_valida teForm.arguments;
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
if (val) { nm=val.name; if ((val=val.value)!="") {
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
if (p<1 || p==(val.length-1)) errors+='- '+nm+' debe contener un email valido.\n';
} else if (test!='R') { num = parseFloat(val);
if (isNaN(val)) errors+='- '+nm+' Debe contener un número.\n';
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
min=test.substring(8,p); max=test.substring(p+1);
if (num<min || max<num) errors+='- '+nm+' Debe contener un número entre'+min+' y '+max+'.\n';
} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' es necesario.\n'; }
} if (errors) alert('El siguiente error(es) ha ocurrido:\n'+errors);
document.MM_returnValue = (errors == '');
}

[goteen_mx]

Por que no creas tus propias funciones, por que las de dreamweaver siempre generan demanciado código que muchas veces es dificil de entender.

Saludos.

[miriamgomez]

Hola:

Es que no se hacerlo, no soy una gran experta y voy tirando con lo poco que he aprendido leyendo aqui y alla.

Pero no me saques de cuatro cosas. Este frmulario surgio, he tratado de "encagarlo" y no hay manera

A ver si alguien me echa una mano


Un saludo