57 usuarios online

17459 suscritos al blog

839 followers en twitter 1306 marcadores en delicious

Validacin con expresiones regulares y Javascript

09 enero 34 comentarios javascript, tutoriales
Las expresiones regulares son modelos que describen las combinaciones de caracteres en el texto. Se podran definir como una serie de carcteres que forman un patrn, que representan a otro grupo de carcteres mayor, de tal forma que podemos comparar el patrn con otros conjuntos de carcteres para ver las coincidencias. Las expresiones regulares pueden utilizarse en mltiples lenguajes de programacin pero en esta entrada vamos a ver un ejemplo de validacin de formularios mediante Javascript y haciendo uso de expresiones regulares. Un buen tutorial para iniciarse en el manejo de expresiones regulares lo podemos encontrar en

anotaciones breves

secciones
Ajax CSS Citas Flash Fotografa Fuentes Iconos Ilustracin Javascript jQuery Photoshop

Desarrolloweb. Para realizar el ejemplo siguiente no hay porque conocer en profundidad su

manejo. A continuacin muestro una serie de tablas a modo de chuleta para que podamos utilizarlas con un simple corta y pega. La tabla siguiente contiene los caracteres especiales de las expresiones regulares.

Ventajas y desventajas del uso de frameworks

Artculo que trata acerca de las ventajas y desventajas a considerar antes de comenzar a utilizar frameworks o entornos de desarrollo, herramientas de abstraccin que hacen que sea ms fcil desarrollar aplicaciones y la reutilizacin del cdigo.

Carcter
^ $ * + ? . x|y {n} {n,m} [abc] Principio de entrada o lnea. Fin de entrada o lnea.

Texto buscado

El carcter anterior 0 o ms veces. El carcter anterior 1 o ms veces. El carcter anterior una vez como mximo (es decir, indica que el carcter anterior es opcional). Cualquier carcter individual, salvo el de salto de lnea. x o y. Exactamente n apariciones del carcter anterior. Como mnimo n y como mximo m apariciones del carcter anterior. Cualquiera de los caracteres entre corchetes. Especifique un rango de caracteres con un guin (por ejemplo, [a-f] es equivalente a [abcdef]).

20 Eye-Catching Photoshop Brushes

Seleccin de 20 conjuntos de pinceles gratuitos para Photoshop. Podemos encontrar pinceles florales, de mariposas, tatuajes, piel, gotas de agua, etc.

PHP Recursos Snippets Software Templates Tipografa Tutoriales WordPress

[^abc] \b \B \d \D \f \n \r \s \S \t

Cualquier carcter que no est entre corchetes. Especifique un rango de caracteres con un guin (por ejemplo, [^a-f] es equivalente a [^abcdef]). Lmite de palabra (como un espacio o un retorno de carro). Cualquiera que no sea un lmite de palabra. Cualquier carcter de dgito. Equivalente a [0-9]. Cualquier carcter que no sea de dgito. Equivalente a [^0-9]. Salto de pgina. Salto de lnea. Retorno de carro. Cualquier carcter individual de espacio en blanco (espacios, tabulaciones, saltos de pgina o saltos de lnea). Cualquier carcter individual que no sea un espacio en blanco. Tabulacin.

Publicidad de Coca Cola a travs de los aos

Coca Cola es una de las marcas ms longevas y exitosas de la historia. En parte, la razn hay que buscarla en su publicidad y marketing. Coca Cola siempre ha confiado en la publicidad para promocionar y comercializar su marca. En este post se nos ofrece una coleccin con los mejores anuncios de Coca Cola, desde sus primeros das en la dcada de 1880 hasta ahora.

tutoriales recientes
Captcha con proteccin de colores (y 2) HTML5 Geolocalizacin Trabajar con checkboxes en jQuery HTML 5: El elemento canvas (Parte 1) Tutorial de Photoshop: Efecto fotografa de moda Funcin para leer y mostrar un RSS con PHP Clase PHP para filtrar los

Plugins jQuery para dar estilo a checkboxes y radio buttons

Los checkboxes y los

parmetros recibidos por GET 30 tutoriales de efectos de acuarela y pinceles para

\w \W

Cualquier carcter alfanumrico, incluido el de subrayado. Equivalente a [AZa-z0-9_]. Cualquier carcter que no sea alfanumrico. Equivalente a [^A-Za-z0-9_].

La tabla siguiente contiene algunos de los patrones ms utilizados a la hora de validar formularios. Si alguien conoce alguna expresin regular ms -que pueda ser til en la validacin de formularios- la puede poner en los comentarios y yo la incorporar a esta tabla.
Cualquier letra en minuscula Entero [a-z] ^(?:\+|-)?\d+$

radio buttons son elementos cuyo aspecto varia dependiendo del sistema operativo y el navegador del usuario. En este post se recogen una decena de recursos para dar estilo a este tipo de elementos con la ayuda de jQuery.

Photoshop Construyendo un verdadero triple click con jQuery 30 Tips para Photoshop Exportar tablas HTML a Excel con PHP y JQuery Crear hojas de clculo Excel con PHP

Correo electrnico URL

/[\w-\.]{3,}@([\w-]{2,}\.)*([\w-]{2,}\.)[\w-]{2,4}/ ^(ht|f)tp(s?)\:\/\/[0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*(:(0-9)*)*(\/?)( [a-zAZ0-9\-\.\?\,\'\/\\\+&%\$#_]*)?$

Los errores ms comunes a la hora de disear folletos

1.- Tratar de incluir demasiada informacin; 2.- El uso de demasiadas tipografas; 3.- No dividir el texto con encabezados; 3.- Utilizar demasiados colores; 4.Emplear imgenes de baja calidad; etc.

highlight_file: resaltar cdigo PHP Ajax con jQuery: el mtodo load() Easy Google Maps: clase PHP para facilitar el uso de la API de Google Maps

Contrasea segura

(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{8,10})$ (Entre 8 y 10 caracteres, por lo menos un digito y un alfanumrico, y no puede contener caracteres espaciales)

Fecha

^\d{1,2}\/\d{1,2}\/\d{2,4}$ (Por ejemplo 01/01/2007)

entradas aleatorias
El "CSS Naked Day"

Hora

^(0[1-9]|1\d|2[0-3]):([0-5]\d):([0-5]\d)$ (Por ejemplo 10:45:23)

Abstract Wallpapers Gallery

Abstract Wallpapers Gallery selecciona los mejores fondos de pantalla abstractos disponibles en internet y los ofreece de forma gratuita.

Ted Kim Daily Warks: el fotolog de Diane Varner Clase PHP para generar documentos PDF a partir de HTML Courtney James Iconos Nuvola

Nmero tarjeta de crdito Nmero telfono Cdigo postal Certificado Identificacin Fiscal

^((67\d{2})|(4\d{3})|(5[1-5]\d{2})|(6011))(-?\s?\d{4}){3}|(3[4,7])\ d{2}-? \s?\d{6}-?\s?\d{5}$ ^[0-9]{2,3}-? ?[0-9]{6,7}$ ^([1-9]{2}|[0-9][1-9]|[1-9][0-9])[0-9]{3}$ ^(X(-|\.)?0?\d{7}(-|\.)?[A-Z]|[A-Z](-|\.)?\d{7}(-|\.)? [0-9A-Z]|\d{8}(-|\.)?[AZ])$

Un ejemplo para controlar que la clave que se introduce sea segura podra ser:
texto plano

Crear el retrato de una mujer con Illustrator

En este tutorial aprenders paso a paso cmo crear un brillante retrato de una mujer a jugando con las transparencias y superponiendo diversas formas vectoriales. En este tutorial tambin aprenders a experimentar con colores y aumentar tu creatividad.

35 fuentes gratuitas para mejorar tus diseos Meme de fondo de escritorio 35 recursos vectoriales para comenzar el 2009 Filehamster: copias de seguridad de tus diseos 50 ejemplos de diseo de botones Scroll Clock fleXcroll: Scrollbars personalizadas

01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27.

<html > <head> <title></title> <script type="text/javascript"> <!-function validatePass(campo) { var RegExPattern = /(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9] {8,10})$/; var errorMessage = 'Password Incorrecta.'; if ((campo.value.match(RegExPattern)) && (campo.value!='')) { alert('Password Correcta'); } else { alert(errorMessage); campo.focus(); } } //--> </script> </head> <body> <form action="#" method="post"> <p><input type="text" name="date" onblur="validatePass(this);"> <input name="button" type="button" value="Probar"> <br> Entre 8 y 10 caracteres, por lo menos un digito y un alfanumrico, y </form> </body> </html>

Ninja UI
Ninja UI es un paquete que aade unos cuantos widgets a jQuery: botones, acorden, tooltips, ventanas modales, sliders, sistemas de votacin, etc.

Site Admin Stuff Tiempo de una instancia de clip de pelcula

anotaciones breves aleatorias

55 fantsticas foto manipulaciones

El futuro CSS: Propiedades Experimentales

Repaso de algunas propiedades no demasiado conocidas de CSS3. El artculo se divide entre las propiedades soportadas nicamente por las navegadores "Webkit" (Safari, Chrome, iPhone, iPad, Android) y aquellas que tambin son soportadas por los navegadores "Gecko" (Firefox).

Relevanssi: Mejora la bsqueda de WordPress Jo: Framework HTML5 para crear aplicaciones mviles Ajax Fancy Captcha 24Squares WordPress: Coleccin de hacks tiles Disk Investigator: analiza todo el contenido de tu disco duro 10 sugerencias para emprendedores PlanCake: Gestor de tareas

Ver ejemplo en funcionamiento

posts relacionados
Como una novela 30 recientes conjuntos de iconos para diseadores y desarrolladores web Arcsin Web Templates 37 Tarjetas de visita estilo grunge Manual de introduccin a la programacin con actionscript

Webpop
Comentarios
Comentario realizado el 15/05/2009 Maria Teresa Excelente!.... justo lo que necesitaba, muchisimas gracias por el aporte. Comentario realizado el 29/05/2009 charlessmori Excelente... el mundo de las expresiones regulares es complejsimo y sper til.... gracias por la infor. Charless Comentario realizado el 17/09/2009 mary prob la expresin regular de contraseas seguras pero no me funciona. La uso desde IE 7. Puede ser por esto? Gracias Comentario realizado el 15/12/2009 Peter Muchas gracias excelente explicacion, es lo que estaba buscando. Comentario realizado el 13/02/2010 Carles Hola! La expresin regular para el correo electrnico no va del todo bien y es que despues del punto en teoria solo debe aceptar de 2 a 4 caracteres verdad? yo lo he probado y por ejemplo "micorreo@micorreo.infon" lo ha aceptado. Aqu os dejo esta otra expresin regular que controla ese aspecto: new RegExp (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/); yo la utilizo en mis formularios y por lo que se va bien Un saludo! Carles Comentario realizado el 19/02/2010 Moni Gracias por el aporte me sirvio mucho claro con algunas modificaciones para adecuarla a mi codigo!! Comentario realizado el 05/03/2010 Sergyo Excelente. Necesitaba validar el correo electronico...!! Gracias, por ser muy claro en el articulo. Comentario realizado el 14/03/2010 Wilder En la expresin de la contrasea segura usas el signo "!" despues de "?". Para que sirve? Creo q no encuentro en tu explicacin para q sirve dicho signo "!". Saludos Comentario realizado el 11/06/2010 temo muchas gracias me a servido genial. Comentario realizado el 15/06/2010 Mac Gracias por el apoyo que nos das a todos los principiantes, adelante y que todo te salga muy bien. saludos. Comentario realizado el 21/07/2010 Alberto Graciaas!! lo que andaba buskandoo ;) (Y) Comentario realizado el 25/07/2010 Adriana Esta expresin funciona para validar el campo domicilio. El formato que acepta es por ejemplo: Hidalgo #11 Al principio solo acepta letras, despus el simbolo #, numeros y es opcional el simbolo - y una letra. /^([\\sa-zA-Z||||||||||||||]+\\s#[0-9]+[-]?[a-zA-Z||]?)$/; Comentario realizado el 05/09/2010 Fer

Open Source Webpop es un CMS desarrollado "en la nube" creado para diseadores. Permite un gran control sobre el HTML y el CSS de control, es fcil de usar para los clientes, y cuenta con herramientas SEO integradas. Sexy Sliding JavaScript Side Bar Menu Tutorial Photoshop: crear una tipografa incrustada Disea y programa una web para una aplicacin iPhone en HTML 5 Cmo crear una escena

Atraer a los desarrolladores a tu API

Una API puede ser una herramienta muy potente, que te puede permitir ampliar la funcionalidad de un producto sin tener que hacer el desarrollo. Para lograr esto, sin embargo, lo que necesitas es que los desarrolladores sepan de la existencia y cmo han de utilizar tu API.

surrealista de bombas volantes en llamas Ejemplos recientes de diseos web verdes jCharcterfall: juego realizado con jQuery

Optimizacin de la respuesta emocional en el diseo web a travs de mediciones

La compra es el resultado de una emocin: si es positiva, el cliente compra; de lo contrario no lo hace. sta es la base del marketing emocional. Artculo de Smashing Magazine que trata de poner luz y cifras a la respuesta emocional en el diseo web.

Nueva versin de Windows para el 2012

El CEO de Micorsoft, Steve Ballmer, ha asegurado durante el 'Microsoft Developer Forum' celebrado este lunes en Japn que la prxima generacin de sistemas de Windows ver la luz el prximo ao y que llevar el nombre de Windows 8.

Sprite.js: HTML5 Framework de animacin

Sprite.js ofrece una fomra sencilla de crear animaciones HTML con el objeto canvas, con un resultado ptimo y sin la necesidad de utilizar Flash.

30 tutoriales para crear efectos de texto con CSS3

Las nuevas caractersticas de CSS3 otorgan nuevas posibilidades en el diseo y desarrollo de sitios web. En cuanto al

Ante todo gracias por la ayuda, me fu muy til. Y un error que vi, en el ejemplo de la hora: ^(0[1-9]|1\\d|2[0-3]):([0-5]\\d):([0-5]\\d)$ Segn esa expresin, la hora 00 no existe, lo cual es errneo, debera de ser: ^(0\\d|1\\d|2[0-3]):([0-5]\\d):([0-5]\\d)$ Saludos! Comentario realizado el 04/10/2010 Lobamega La validacion de fecha se muestra de varias formas en diversas paginas , yo estuve trabajando y valide mi fecha asi: ^(0?[1-9]|[12][0-9]|3[01])\/(0?[1-9]|1[012])\/[0-9]{4} que da como resultado lo mism o que has hecho sin embargo este tipo de validacion tanto la tuya y la mia no nos brinda una seguridad porque si te fijas siguiendo este formato el usuario puede registrarse escribiendo 31/02/9999 me gustaria que me ayudes a validar ya sea con expresiones regulares o usando java para validar teniendo en cuenta los meses de 31,30,28 y 29 das gracias. Comentario realizado el 21/10/2010 felipe muchas gracias por esta ayuda me esta sirviendo bastante saludos Comentario realizado el 08/11/2010 Andrea gracias Comentario realizado el 15/11/2010 Pelotero Gracias, muy buen material. Comentario realizado el 19/11/2010 adelmoi saludos quisiera saber como validar un numero con decimales cual seria el patron. que solo acepte como delemitador decimal la como una solo vez Comentario realizado el 01/12/2010 ivan2car tengo una duda con lo del Pass, digamos que quiero minimo dos maysculas o mnimo 3 nmeros donde debera ir mi {n,}. Es modificar esta (?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{8,10})$ estoy tratando con (?!^([09].*){2}$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{8,})$ para los nmeros... pero no funciona :( Gracias! Comentario realizado el 02/12/2010 Francisco Aqu puedes encontrar varias expresiones regulares que te pueden ser de utilidad a la hora de validar la entrada de passwords: http://regexlib.com/Search.aspx?k=password&c=-1&m=-1&ps=20 Comentario realizado el 02/12/2010 Antonio Hola, me fue muy til la expresin utilizada para el correo electrnico. Espero sirva esta aportacin: Cuando se disea un formulario y se aplica la regla de que no debe estar vacio el objeto de formulario, muchos lo que hacen es poner un - o varios. Lo que se me ocurrio es quitar todos los espacios en blanco y todos los guiones, si el nmero de carcteres es 0, quiere decir que solo habia puesto guiones. Espero les sirva, Saludos! Comentario realizado el 22/12/2010 Lor La expresin para validar el cdigo postal permite cdigos mayores de 52999. Las dos primeras cifras corresponden a las provincias y hay un total de 52. Soy novata, pero creo que esta expresin corrige ese error, adems de no permitir la provincia 00 que no existe. /(^([0-5]{1}[1-9]{1})|^([1-5]{1}[0-9]{1}))[0-9]{3}$/ Aunque como expresin, no s si es del todo correcta... Saludos! Comentario realizado el 26/12/2010 Antonio Alvarado Hola a todos, Espero que me puedan ayudar, estoy buscando una manera de validar mi campo para que termine en .jpg, lo que quiero es que cuando yo busque una imagen en mi computadora simpre termine en jpg para que no suba otro archivo al servidor

texto, en este momento se pueden crear efectos que antes slo podan lograrse con la utilizacin de imgenes o javascript.

Tutorial Photoshop: Crear un efecto de texto espacial

Este tutorial te mostrar cmo crear un efecto de texto futurista al estiolo de las pelculas del espacio, utilizando los estilos de capa de Photoshop y un par de filtros.

Skeleton
Skeleton es una pequea coleccin de archivos CSS y JS que pueden ayudarte a desarrollar rpidamente sitios web que se muestren de forma ptima en cualquier tamao de pantalla, ya sea en un monitor de gran formato, en la pantalla de 17" de un porttil o en un iPhone.

jQuery 1.6 Visual Cheat Sheet

jQuery 1.6 ya est disponible y adems de la correccin de algunos bugs y mejoras generales en el rendimiento, algunas de las novedades ms interesante son: mapeado de los atributos va data; mapeado las propiedades de un objeto; se han separado los atributos de las propiedades DOM en mtodos independientes; Query.holdReady(); etc.

Twitter ha comprado TweetDeck

Los responsables de la red de microblogging Twitter han informado que la compaa ha adquirido TweetDeck, uno de los clientes para el acceso a los servicios de dicha red ms populares desarrollados por terceros.

Google Docs ahora con tablas dinmicas

Los de Google Docs acaban de hacer un anuncio interesante: a partir de ahora ofrecern soporte para tablas dinmicas en las hojas de clculo. Esto es relativamente sorpresivo, ya que las tablas dinmicas son una funcin avanzada que uno no se esperara encontrar en una web app como Google Docs.

busque una imagen en mi computadora simpre termine en .jpg para que no suba otro archivo al servidor. no se si me explique, al final de cuentas lo que intenento es crear una expresion la cual me acepte cualquiercosa y termine en .jpg. espero me puedan ayudar muchas gracias de atemano. Comentario realizado el 26/12/2010 FRancisco La siguiente, creo que te puede servir: ^([a-zA-Z].*|[1-9].*)\.(((j|J)(p|P)(g|G)))$ Pero ten en cuenta de que eso no te asegura nada. Como un primer filtro est bien pero pueden cambiar la extensin del fichero y saltarse este filtro. Debers hacer una comprobacin a posteriori para asegurarte de que realmente es una imagen. Saludos. Comentario realizado el 29/12/2010 Antonio Alvarado Muchas gracias francisco. resolvi mi problema usando esto. var imagen=form1.textfield.value; var extencion=imagen.substring(imagen.length-3); if(extencion!="jpg"&&extencion!="png"&&extencion!="gif"){ alert("El archivo seleccionado no es una Imagen."); return false; } Comentario realizado el 14/01/2011 sAnto0s Hey hey grax... me ayudo mucho... Entre mas personas compartan su conocimiento, mas personas se uniran a la casusa Comentario realizado el 22/01/2011 Daniel Rojas Hola gracias por el aporte lo de la fecha me aclaro algo, pero no logr mi objetivo. El ejemplo que pones ^\d{1,2}\/\d{1,2}\/\d{2,4}$ (Por ejemplo 01/01/2007) Valida dd/mm/aaaa y valida un formato con el separador "/" y mi intencin es validar con el separador "-" he probado colocando ^\d{1,2}\-\d{1,2}\-\d{2,4}$ sin los resultados esperados. Comentario realizado el 26/01/2011 Dawlin Hey esto esta Buenisimo. gracias Comentario realizado el 30/01/2011 Francisco #Daniel Prueba con esta expresin regular. Creo que se ajusta mucho mejor a lo que buscas: ^(0[1-9]|[12][0-9]|3[01])[-](0[1-9]|1[012])[-](19|20)\d\d$ Saludos. Comentario realizado el 01/02/2011 Ofion Como bien comenta Lor la expresin para cdigos postales permite los superiores a 52999 y no solo eso permite los cdigos de la provincia 00 que no existe o los xx000 cuando todos comienza en el xx001. Yo tengo la siguiente expresin: /^(0[1-9]|[1-4][0-9]|5[0-2])(00[1-9]|[0-9][1-9][0-9]|[1-9][0-9][0-9])$/ Seguro que se puede hacer mas elegante pero... Esta la he probado para los casos ms comunes y funciona. Comentario realizado el 20/02/2011 anned Hola! muchas gracias por las expresiones regulares, me han ayudado mucho. EL problemilla que tengo es respecto a hacer una expresion para validar el nombre, es decir, que solo me introsca caraceres del a-z ya sea mayusculas o minusculas Comentario realizado el 21/02/2011 Pedro Contrasea segura: (Entre 8 y 10 caracteres, por lo menos un digito y un alfanumrico, y no puede contener caracteres espaciales) como hago para que admita caracteres especiales ? Gracias de antemano. Un saludo

mas breves

Un saludo Comentario realizado el 22/02/2011 Francisco #anned #Pedro Un recurso muy interesante para buscar expresiones regulares es: http://www.regexlib.com/ Comentario realizado el 01/06/2011 anned Hola! necesito ayuda urgente por favor, estoy haciendo un proecto de una pagina web y en la pagina donde se registra el usuario necesito hacer validar su DNI o NIF con javascript cmo puedo validar un DNI o NIF ?? Muchas gracias!

deja un comentario
Gracias por dejar tu opinin! Por favor procura que tu comentarios sean apropiados respecto al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, sern eliminados. Todos los comentarios sern moderados antes de su publicacin por lo que su aparicin en la web puede verse aplazada un cierto tiempo. Si deseas realizar algn comentario, crtica o sugerencia sobre la propia web puedes hacer a travs de la siguiente direccin de correo: webintenta@webintenta.com

Nombre:

Email:

Teclea el cdigo:

Comentario: