Hola a todos.
Tengo un problema que no se como resolver. Tengo un formulario donde valido con jquery los campos input.
Mi cliente quiere que cada campo tengo un value predeterminado... no le veo la razón pero asi lo quiere (y asi lo tendrá).
Este script en jquery se encarga de limpiar el campo una vez que se presiona en cada input y si no lo llenan se vuelve a mostrar el valor de value.
Código:
<script type="text/javascript">
$(function(){
// toma los valores de cada input y los guarda y vacia en focus();
// los restablece en blur()
$('input').each(function(){
// tomamos el valor actual del input
var currentValue = $(this).val();
// en el focus() comparamos si es el mismo por defecto, y si es asi lo vaciamos
$(this).focus(function(){
if( $(this).val() == currentValue ) {
$(this).val('');
};
});
// en el blur, si el usuario dejo el value vacio, lo volvemos a restablecer
$(this).blur(function(){
if( $(this).val() == '' ) {
$(this).val(currentValue);
};
});
});
});
</script>
Y para que los campos input tengan el texto predeterminado es fácil, no?
Código:
<label>Email
<input name="email" type="text" value="Email Address" /></label>
El proble es que el script del jquery, OBVIAMENTE, toma los valores del VALUE como ingresados por el visitante.
Hay alguna forma de validar dichos input. Es decir que el VALUE sea solo texto... predeterminado no importante?? Que el jquery sepa cuando es el predeterminado y cuando el usuario ingresó caracteres diferentes?
Con este código valido los INPUT
https://github.com/victorjonsson/jQuery-Form-Validator (el codigo del JS tiene mil lineas)
Espero haberme expliacado correctamente.
Si alguien me da una idea como resolverlo se lo agradecería.
Saludos!