al cambiar etiqueta html si valida el formulario

sebastian85 · #1 (**permalink**) 19/07/2009, 19:11

Hola les deseaba hacer una consulta simple resulta que tengo un codigo que valido un formulario pero tengo un problema por que cuando tengo la linea de :

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es">

no funciona la validacion en javascript pero cuando tengo solo

Código HTML:

 <html>

al principio del codigo ahy si me funciona la validacion del formulario por que pasara eso como tengo que dejar el codigo gracias espero que puedan ayudarme.

quimfv · #2 (**permalink**) 20/07/2009, 02:31

Tendras algo que no és XHTML, apasar de que has puesto XHTML 1.0 Transitional que rebaja el nivel de exigencia de corrección del codigo, tendras algo que lo le gusta... pero si no nos muestras que és lo que tienes.... no podemos hacer nada.

Solo eso recordarte que XHTML és mas estricto con las normas de sintaxis que HTML.

Quim

sebastian85 · #3 (**permalink**) 20/07/2009, 06:24

valide el codigo en Markup Validation Service y no encontro ningun error de todas formas dejo el codigo aca :

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Formulario</title>
<script type="text/javascript">
function eliminaEspacios(cadena)
{
	// Funcion para eliminar espacios delante y detras de cada cadena
	while(cadena.charAt(cadena.length-1)==" ") cadena=cadena.substr(0, cadena.length-1);
	while(cadena.charAt(0)==" ") cadena=cadena.substr(1, cadena.length-1);
	return cadena;
}


function checkFields() {

missinginfo = "";

   // Primer paso: Obtener el rut que ingreso el usuario
    var nameCompleto = document.form1.nombre.value;
    // Eliminamos los caracteres raros, espacios, puntos, guiones.
    // Pasamos a minusculas, y separamos el rut y el digito verificador
    nameCompleto = nameCompleto.replace(/[ \.-]/g, "" );
    nameCompleto = nameCompleto.toLowerCase();
    var nombre = nameCompleto.substring(0, nameCompleto.length - 1)

var nombre1=eliminaEspacios(form1.nombre.value);

var mesaje1=eliminaEspacios(form1.mensaje.value);

var email1=eliminaEspacios(form1.email.value);

if (nombre1=="") {
missinginfo += "\n     - Campo Nombre";

}

if (mesaje1=="") {
missinginfo += "\n     - Campo Mensaje";

}



if ((email1 == "") || 
(document.form1.email.value.indexOf('@') == -1) || 
(document.form1.email.value.indexOf('.') == -1)) {

missinginfo += "\n     - Campo E-mail";

}



if (missinginfo != "") {
missinginfo ="Los siguentes campos del formulario \n no han sido completados o tienen errores: \n" +
"" +
missinginfo + "" +
"\n ";
alert(missinginfo);
return false;
}
else return true;
}

</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="enviar.php" onsubmit="return checkFields();">
<p>
  <select name="correo" id="correo"   style="width:100px" >
    <option selected="selected" value="prensa" > Prensa </option>
    <option  value="ventas"> Ventas </option>
  </select>
</p>
<p> Nombre:<br />
    <label>
  <input name="nombre" type="text" id="nombre" />
    </label>
    <br />
  Telefono:<br />
  <input name="telefono" type="text" id="telefono" />
  <br />
  Email:<br />
  <input name="email" type="text" id="email" />
  <br />
  Mensaje:<br />
  <textarea name="mensaje" id="mensaje" rows="" cols=""></textarea>
  <br />
  <label>
  <input type="submit" name="Submit" value="Enviar Formulario" />
  </label>
</p>
</form>
</body>
</html>

Adler · #4 (**permalink**) 20/07/2009, 06:46

Hola

Acaba de probarlo y hay ningún error. Lo mas reseñable es que en el campo teléfono puede insertar lo que quieras

Suerte

sebastian85 · #5 (**permalink**) 20/07/2009, 09:29

aun asi eliminando el campo telefono no funciona el script con Transitional tendre quie dejar la etiqueta simple de <html> para que funcione . Saludos

quimfv · #6 (**permalink**) 21/07/2009, 02:44

El error lo tienes aquí

var nombre1=eliminaEspacios(document.form1.nombre.value);

var mesaje1=eliminaEspacios(document.form1.mensaje.value);

var email1=eliminaEspacios(document.form1.email.value);

Dos comentarios

Como ya te han dicho deberias ver si en el numero de telefono te han puesto cosas que no son numeros o tiene un numero de digitos inferior al esperado (aquí serian 9 digitos o mas...).

Segundo supongo que has copiado el script de alguna parte, el trozo donde se validaba el rut no tine ningun sentido si lo aplicas al campo nombre...

Cita:

// Primer paso: Obtener el rut que ingreso el usuario
var nameCompleto = document.form1.nombre.value;
// Eliminamos los caracteres raros, espacios, puntos, guiones.
// Pasamos a minusculas, y separamos el rut y el digito verificador
nameCompleto = nameCompleto.replace(/[ \.-]/g, "" );
nameCompleto = nameCompleto.toLowerCase();
var nombre = nameCompleto.substring(0, nameCompleto.length - 1)

Tambien falta algun ; pero creo que no es eso....

Quim

Adler · #7 (**permalink**) 21/07/2009, 06:00

Hola

Tarde, pero he entendido cual es el problemas

Prueba así

Código javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Formulario</title>
<script type="text/javascript">
 
function eliminaEspacios(cadena) {
return (cadena.replace(/(^\s*)|(\s*$)/g,""));
   }
 
 
function checkFields(c) {
 
missinginfo = "";
 
    // Primer paso: Obtener el rut que ingreso el usuario
    var nameCompleto = c.nombre.value;
    // Eliminamos los caracteres raros, espacios, puntos, guiones.
    // Pasamos a minusculas, y separamos el rut y el digito verificador
    nameCompleto = nameCompleto.replace(/[ \.-]/g, "");
    nameCompleto = nameCompleto.toLowerCase();
    var nombre = nameCompleto.substring(0, nameCompleto.length - 1)
 
alert ("Campo con espacios al principio ("+c.nombre.value+") y al final");
 
var nombre1=eliminaEspacios(nombre);
 
alert ("Campo sin espacios al principio ("+nombre1+") y al final");
 
var mesaje1=eliminaEspacios(c.mensaje.value);
 
var email1=eliminaEspacios(c.email.value);
 
if (nombre1=="") {
missinginfo += "\n     - Campo Nombre";
 
}
 
if (mesaje1=="") {
missinginfo += "\n     - Campo Mensaje";
 
}
 
 
 
if ((email1 == "") || 
(c.email.value.indexOf('@') == -1) || 
(c.email.value.indexOf('.') == -1)) {
 
missinginfo += "\n     - Campo E-mail";
 
}
 
 
 
if (missinginfo != "") {
missinginfo ="Los siguentes campos del formulario \n no han sido completados o tienen errores: \n" +
"" +
missinginfo + "" +
"\n ";
alert(missinginfo);
return false;
}
else return true;
}
 
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="enviar.php" onsubmit="return checkFields(this);">
<p>
  <select name="correo" id="correo"   style="width:100px" >
    <option selected="selected" value="prensa" > Prensa </option>
    <option  value="ventas"> Ventas </option>
  </select>
</p>
<p> Nombre:<br />
    <label>
  <input name="nombre" type="text" id="nombre" />
    </label>
    <br />
  Telefono:<br />
  <input name="telefono" type="text" id="telefono" />
  <br />
  Email:<br />
  <input name="email" type="text" id="email" />
  <br />
  Mensaje:<br />
  <textarea name="mensaje" id="mensaje" rows="" cols=""></textarea>
  <br />
  <label>
  <input type="submit" name="Submit" value="Enviar Formulario" />
  </label>
</p>
</form>
</body>
</html>

Suerte