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.