Tengo un script para validar los campos de texto, pero cuando le pongo onFocus y onBlur, no valida.

Hola,

Pues resulta que he puesto un script para validar los campos vacíos del formulario, los validaba correctamente (excepto el textarea) pero cuando le he puesto a cada campo la función onFocus y onBlur ya no valida los campos. Se ve que al poner onFocus y onBlur el script de validación lo interpreta como que ese campo ya esta completado.

El script de validación es el siguiente:

<script>function formulario(f) {
if (f.nombre.value   == '') { alert ('Tu nombre es necesario'); 
f.nombre.focus(); return false; }
if (f.mensajeusuario.value   == '') { alert ('Debes introducir un mensaje'); 
f.mensajeusuario.focus(); return false; }
if (f.mail.value  == '') { alert ('Tu e-mail es necesario');
f.mail.focus(); return false; } return true; }
</script>

La linea del formulario:

<form action="mipagina.php" method="post" enctype="multipart/form-data" 
onsubmit="editor.post(); return formulario(this)" name="myform" 
target="_self" id="myform">

Y esto es el campo de texto "nombre y mail" con onFocus y onBlur:

<input type="text" name="nombre" id="nombre" size="26" value="Introduce tu 
nombre" onFocus="if (this.value=='Introduce tu nombre') this.value='';" 
onBlur="if (this.value=='') this.value='Introduce tu nombre';"/>
<input type="text" name="mail" id="mail" size="26" value="Introduce tu e-mail" 
onFocus="if (this.value=='Introduce tu e-mail') this.value='';" onBlur="if 
(this.value=='') this.value='Introduce tu e-mail';"/>

* También, antes de poner la función onFocus y onBlur los campos se validaban bien excepto el textarea, que como es WYSIWYG - HTML no reconoce el contenido y no lo valida.

<textarea name="mensajeusuario" id="tinyeditor" style="width: 400px; 
height: 200px"></textarea>

Muchas gracias de antemano.

Añade tu respuesta

Haz clic para o