Form de Contacto

fupinet · #1 (**permalink**) 02/12/2010, 08:20

Buenas a todos tengo el siguiente codigo de un formulario de contacto con validacion en javascript.
Siempre me ha funcionado pero ahora quiero añadir una cosa y no lo consigo hacer.
El codigo muestra un aviso cuando el valor es igual a cero, pero si le pongo un valor inicial,
¿que tengo que incluir en el codigo para que cuando sea igual al valor iniciar se muestre tambien el aviso ?para que asi no se envie el formulario con las variables nombre.apellidos....sino obligar al usuario a escribir a cada campo.

y por ultimo seria de lujo si alguien sabe como poner a cero el valor cuando hacemos click en el input de textos y no tener que borrar el valor inicial.

mi codigo html y javascript es el siguiente:

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>formulario</title>
    <script type="text/javascript">
function valida_envia(){ 
	if (!document.registro.email.value.match("@"))
{ alert("Debe ingresar el Email o verifique que sea correcto.")
document.registro.email.focus()
return 0;
} 

	if (document.registro.nombre.value.length==0) {
       alert("Tiene que escribir su nombre")
       document.registro.nombre.focus()
       return 0;
    } 
if (document.registro.apellidos.value.length==0) {
       alert("Tiene que escribir sus apellidos")
       document.registro.apellidos.focus()
       return 0;
    } 
	if (document.registro.tel.value.length==0) {
       alert("Tiene que escribir su teléfono")
       document.registro.tel.focus()
       return 0;
    } 
	if (document.registro.comentario.value.length==0) {
       alert("Tiene que escribir un comentario")
       document.registro.comentario.focus()
       return 0;
    } 
	document.registro.submit(); 
	
	}
	</script>

</head>

<body>

<form id="registro" name="registro" method="post" action="registro.php">
<table width="228" height="220" border="0" align="center" cellpadding="5" cellspacing="0" class="tbmain">
  <tr>
    <td height="25" colspan="2" >&nbsp;</td>
    </tr>
  <tr>
    <td height="25" colspan="2"  style="font-size:14px; font-weight:bold;">Contacto</td>
    </tr>
  <tr>
    <td width="144" height="34" ><input name="nombre" type="text" id="nombre"  onblur="validate(this,'Required')" value="nombre" size="26" maxsize="100" /></td>
    <td width="164" >
      <input name="apellidos"  type="text" id="apellidos"  onblur="validate(this,'Required')" value="apellidos" size="26"  maxlength="100" maxsize="100" />
   </td>
    </tr>
  <tr>
    <td height="34" ><input name="tel" type="text" id="tel"  onblur="validate(this,'Required')" value="tel" size="26" maxsize="100" /></td>
    <td >
      <input name="email"  type="text" id="email" style=" padding-left: 10px;" onblur="validate(this,'Required')" value="email address" size="26"  maxlength="100" maxsize="100" />
  </td>
  </tr>
  <tr>
    <td height="34" colspan="2" style="padding-right:7px;">
      <textarea name="comentario" id="comentario" cols="57" rows="5"  onblur="validate(this,'Required')">comentario</textarea></td>
  </tr>
  <tr>
      </tr>
  <tr>
    <td height="34" colspan="2" style="padding-right:7px;"> <input type="button" name="Submit" class="btn"  value="enviar&gt;"  onclick="valida_envia()"/></td>
    </tr>
</table>
</form>
</body>
</html>

Un saludo y Muchas Gracias

_cronos2 · #2 (**permalink**) 02/12/2010, 08:36

El value que tiene un campo por defecto se llama defaultValue en JS. Por tanto sól tienes que comprobar que el length no sea cero y (&&) que no sea el defaultValue. Por otro lado, esta función te sirve para lo de borrar el value de un campo:

Código Javascript:

Ver originalfunction val(campo,valor,texto){
 campo.value=campo.value==texto?valor:campo.value;
}

Código HTML:

Ver original<input type='text' value='Hola' onfocus="val(this,'','Hola');" onblur="val(this,'Hola','');"

Saludos (:

fupinet · #3 (**permalink**) 02/12/2010, 09:00

lo siento no entiendo lo que me dices y no se como imprementarlo a lo que tengo...
Es decir veo que me pones como poner los valores ....
pero no lo se lleva a cabo..no tengo mucho conocimiento de javascript como
pa escribirlo sin errores tal como me lo pones

fupinet · #4 (**permalink**) 03/12/2010, 05:01

nadie puede ayudarme!! por favor!

Adler · #5 (**permalink**) 03/12/2010, 08:01

Hola

Es muy sencillo. Tomando el ejemplo de @_cronos2

Cita:

function val(campo,valor,texto){
campo.value=campo.value==texto?valor:campo.value;
}

<input type='text' value='Hola' onfocus="val(this,'','Hola');" onblur="val(this,'Hola','');"

Esta línea campo.value=campo.value==texto?valor:campo.value; dice: Si la variable campo es igual a la variable texto, entonces en el textfield se imprime la imprime la variable valor, en caso contrario, se imprime la variable campo.
Para que lo veas realizado de otra manera que puede que te sea mas sencillo de ver

Código Javascript:

Ver originalif(campo.value==texto) {
campo.value = valor;
} else {
campo.value=campo.value;
}

Ambos casos es lo mismo

Suerte