referente a pattern em HTML5

[alexaripuana 0]

Olá.

 

Estou fazendo um trabalho da faculdade onde o objetivo é criar um formulário contendo os campos:

 

usuário

senha

e-mail

telefone

website

Data de nascimento

Hora de Nascimento

Cor dos olhos

Estado civil

Foto

 

Até aí tudo bem. Estou utilizando os seguintes tipos de input:

texto para usuário , website e telefone,

password para senha

Date para Data de Nascimento

Time para Hora de nascimento

Color para cor dos olhos

Radio para estado civil e

File para Foto

 

O problema é o seguinte:

A tutora quer que o campo usuário contenha apenas letras e números, não podendo assim utilizar caracteres especiais. Sei que devo utilizar o atributo pattern para limitar isso porém não sei qual Expressão Regular usar dentro da pattern.

Para telefone usei a pattern

 

pattern="\([0-9]{2}\)[\s][0-9]{4}-[0-9]{4,5}"

 

Para usuário já tentei

pattern="\[a-zA-Z0-9]"

pattern="\[a-z0-9]"

entre outras mas não dá. Quando clico em enviar (submit) ele pede para preencher o campo corretamente.

 

Preciso de uma pattern que permita que o usuario seja preenchido com somente letras minusculas, somente com números ou que permita letras e números juntos.

 

Comecei agora a estudar HTML5 e essa é minha unica grande duvida.

[Public2004 79]

http://www.w3schools.com/tags/att_input_pattern.asp

[reebr 94]

Faltou o quantificador " + " para aceitar um ou mais caracteres do tipo que você definiu entre [ ].

<input type='text' pattern='[a-z0-9]+'/>

http://jsfiddle.net/65yj6vfo/

[alexaripuana 0]

Obrigado. Deu certíssimo aqui.

Abraços.