Trim automático a campos de formularios con Jquery
Con este (mini)código podrás quitar los espacios iniciales y finales de cualquier campo de texto o textarea en un formulario html.
Segundo post de programación en mi blog (simple, pero útil) y bueno, creo que esto podría marcar la tendencia, sobre comenzar a publicar entradas sobre validaciones de formularios.
El siguiente post, trata sobre algo que les servirá mucho a quienes estén recién comenzando a conocer las funcionalidades de jQuery. Ya, sin más, acá les dejo el ejemplo de formulario, el cual no permitirá que queden espacios sobrantes en sus campos.
A continuación les dejo la función javascript de 900 líneas...
<script type="text/javascript">
$(document).ready(function() {
//Trim automático
$(
"#formPrueba input[type=text], #formPrueba textarea")
.blur(function(){
valueInput = $.trim($(this).val());
$(this).val(valueInput);
});
});
</script>
De
color rojo están los elementos en los que quiero aplicar la validación. En este caso serían a todos los inputs de tipo texto y textareas presentes en un formulario que tenga el id "formPrueba".
De
color azul está definido el evento que activará el trim al campo. En este caso es el blur, o sea una vez que el usuario pierda el foco de algún elemento que pertenezca en el selector previamente definido (el de color rojo) se activará la función.
De
color café creo una variable que obtiene el valor del campo pero quitándole los espacios iniciales o finales (trim) en caso de poseerlos.
De
color celeste sobreescribo el valor actual del elemento que haya perdido el foco. El nuevo valor será el mismo pero sin espacios sobrantes.
(
Click acá para ver código final)
Como ven, esto es algo simple, aunque de todas maneras pueden personalizarlo a su gusto, por ej: si por algún extraño, motivo razón o circunstancia no quieres que todos los elementos posean un trim automático, puedes darles una clase y poner esta en el selector.
Y bueno, eso sería todo por el momento... #NosBelmont.
Nota: Recuerden que antes de crear la función deben de haber llamado a la librería jQuery.
**Cualquier sugerencia o correción será bien recibida.
--Creado por @kai_alexis20--
