div form javascript

[antur]

hola amigas necesito ayuda soy nuevo en esto y pues tengo una tarea....

tengo mi web en ella tengo un div principal en cual cargo direferentes paginas y formularios en los formularios tengo q validarlos ya loi he locgrado con javascript pero nad amas al correr el muy formulario pero al correrlo todo el proyecto mi formulario no funciona...

dejo el codigo con el cual cargo las paginas en el div

Código PHP:

  // Esta función cargará las paginas
function paginas (url, id_contenedor)
{
    var pagina_requerida = false;
    if (window.XMLHttpRequest)
    {
        // Si es Mozilla, Safari etc
        pagina_requerida = new XMLHttpRequest ();
    } else if (window.ActiveXObject)
    {
        // pero si es IE
        try 
        {
            pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            // en caso que sea una versión antigua
            try
            {
                pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP");
            }
            catch (e)
            {
            }
        }
    } 
    else
    return false;
    pagina_requerida.onreadystatechange = function ()
    {
        // función de respuesta
        cargarpagina (pagina_requerida, id_contenedor);
    }
    pagina_requerida.open ('GET', url, true); // asignamos los métodos open y send
    pagina_requerida.send (null);
}
// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpagina (pagina_requerida, id_contenedor)
{
    if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))
    document.getElementById (id_contenedor).innerHTML = pagina_requerida.responseText;
} 
   

y para llamar el el form lo ago de la siguiente manera

Código PHP:

  href="javascript:paginas('mipagina.php', 'midiv')" 
   

y pues de hai nada mas el el form agio mi validacion nopse que puedo hacer para q esto me funcione

[maycolalvarez]

estás cargando y/ recargando un formulario por AJAX, deberias mostrarnos el código del formulario.

supongo que desde el inicio con javascript añades el código de validación, ¿que pasa? que cuando cargas el form por AJAX reconstruyes todos los elementos internos de ése DIV al DOM y por lo tanto pierden las asignaciones, porque éstas fueron asignadas antes de la petición AJAX

además es recomendable siempre la validación en el servidor, la validación en javascript es Opcional

[antur]

Iniciado por maycolalvarez

estás cargando y/ recargando un formulario por AJAX, deberias mostrarnos el código del formulario.

supongo que desde el inicio con javascript añades el código de validación, ¿que pasa? que cuando cargas el form por AJAX reconstruyes todos los elementos internos de ése DIV al DOM y por lo tanto pierden las asignaciones, porque éstas fueron asignadas antes de la petición AJAX

además es recomendable siempre la validación en el servidor, la validación en javascript es Opcional

pues nose aque te refieres cuando me ablas de validar el sevidor pero mi validacion lo manejo adentro de mi script de mi formulario y lo manejo asi

Código PHP:

  //esra funcionn me valida q no seas espacios es blanco
 <script language="javascript">
function vacio(q) {
        for ( i = 0; i < q.length; i++ ) {
                if ( q.charAt(i) != " " ) {
                        return true
                }
        }
        return false
}
 
 
 
        
 
 
//valida que el campo no este vacio y no tenga solo espacios en blanco
function valida() {
        var F = document.forms['formulario']
        if( vacio(formulario.Id_Docente.value) == false ) {
                alert("Introduzca Id docente.")
                return false
        } 
        if ( vacio(formulario.Nombre_Docente.value) == false ) {
                alert("Introduzca Nombre docente.")
                return false
        } 
           if ( vacio(formulario.Apellido_Docente.value) == false ) {
                alert("Introduzca Apellido docente.")
                return false
        } 
         if ( vacio(formulario.Direccion_Docente.value) == false ) {
                alert("Introduzca Direccion docente.")
                return false
        } 
        if ( vacio(formulario.DUI_Docente.value) == false ) {
                alert("Introduzca Dui docente.")
                return false
        } 
          if ( vacio(formulario.Telefono_Docete.value) == false ) {
                alert("Introduzca Telefono docente.")
                return false
        } 
        
        if ( vacio(formulario.Email_Docente.value) == false ) {
                alert("Introduzca Email docente.")
                return false
        }else { 
                alert("OK")
                //cambiar la linea siguiente por return true para que ejecute la accion del formulario
                return false
        }
         }  
</script>
<center>
 
 <form name="formulario" METHOD="get" ACTION="" onSubmit="javascript: return valida();">
<h2>Registro de un usuario Docente  </h2> <br /><br />
<TABLE BORDER=0>
 
<TR>
    <TD>Id_Docente</TD>
    <TD>
    <INPUT type="text" name="Id_Docente" size="30" maxlength="100">
    </TD>
</TR>
 
<TR>
    <TD>Nombre Docente</TD>
    <TD>
    <INPUT type="text" name="Nombre_Docente" size="30" maxlength="100">
    </TD>
</TR>
 
<TR>
    <TD>Apellido Docente</TD>
    <TD>
    <INPUT type="text" name="Apellido_Docente" size="30" maxlength="100">
    </TD>
</TR>
 
<TR>
    <TD>Direccion Docente</TD>
    <TD>
    <INPUT type="text" name="Direccion_Docente">
    </TD>
</TR>
 
<TR>
    <TD>DUI Docente</TD>
    <TD>
    <INPUT type="text" name="DUI_Docente">
    </TD>
</TR>
 
<TR>
    <TD>Telefono Docente</TD>
    <TD>
    <INPUT type="text" name="Telefono_Docete">
    </TD>
</TR>
 
<TR>
    <TD>Email Docente</TD>
    <TD>
    <INPUT type="text" name="Email_Docente">
    </TD>
</TR>
 
 
<!--<TR>
    <TD>Genero</TD>
    <TD>
 
Hombre: <INPUT type="radio" name="genero" value="M">
Mujer: <INPUT type="radio" name="genero" value="F">
    </TD>
</TR>
    -->
 
 
<TR>
<TD>
 
    </TD>
</TR>
 
<TR>
    <TD COLSPAN=2>
    <input type="submit" value="Enviar">
    </TD>
</TR>
</TABLE>
</FORM>
</center> 
  

[maycolalvarez]

var F = document.forms['formulario'];

¿te aseguraste que el form devuelto por ajax sea del mismo nombre, y que su evento onsubmit apunte a la función?

[antur]

Iniciado por maycolalvarez

var F = document.forms['formulario'];

¿te aseguraste que el form devuelto por ajax sea del mismo nombre, y que su evento onsubmit apunte a la función?

siii amigo es es el problema q si agaras nada mas el ultimo codigo q postie y lo corres el muy form asi si te valida pero mi problema es que lo estoy llamando de una plantilla q tengo y me lo muestra en un div ya cargado en ese div hai ya no me funciona la validacion y noce xq

[maycolalvarez]

de hecho lo mejor que pudieses hacer es que pases el formulario como parámetro a la función valida:

function valida(F){ ....

y entonces desde el HTML:

<form onsubmit="return valida(this);" ... >

y uses colecciones en la función, por ejemplo:

if( vacio(F.elements['name_Docente'].value) == false ) {

usando el atributo name, no ID

[antur]

amigo he hecho loque me sugieres y pues no me ha funcionado nose si he hecho algo mal, pero hoy no me corre ni coriendole directamente a el... noce en que puede estar el problema????????

[antur]

Iniciado por maycolalvarez

de hecho lo mejor que pudieses hacer es que pases el formulario como parámetro a la función valida:

function valida(F){ ....

y entonces desde el HTML:

<form onsubmit="return valida(this);" ... >

y uses colecciones en la función, por ejemplo:

if( vacio(F.elements['name_Docente'].value) == false ) {

usando el atributo name, no ID

he provado tu solucion y pues no me funciona nada nose si he ehcho algo mal