HTML5 e SVG Novidades
Novidades da Web: HTML5 - validação de campos sem javascript e imagens em SVG (Scalable Vector Graphics)
Scalable Vector Graphics (SVG)
O núcleo da biblioteca jQuery foi desenvolvido para trabalhar com documentos client-side, incluindo SVG (que permite manipulação DOM) mas o jQuery não oferece suporte direto a estes objetos porque é necessário usar métodos como createElementNS e getAttributeNS. Isso pode ser feito com diversos plugins disponíveis, mas é mais eficiente desenvolver seu próprio código ou usar uma biblioteca SVG especializada como a " Raphaël " ou " svg.js "
Formulários HTML5
Até a mais básica aplicação Web vai possuir um ou dois formulários. Você precisa sempre validar o preenchimento dos campos no servidor mas, o ideal é que o formulário capture erros antes de ser enviado (também).
Validação do lado do cliente:
Você roda uma função quando o formulário é enviado. Se acontece algum problema você interrompe o processamento e retorna um erro ao usuário. Para tanto você pode usar jQuery ou Javascript, mas qual deles escolher? Nenhum.
O HTML5 possui suporte nativo a vários tipos comuns de validação como: E-mails, telefones, URLS, números, horários, datas, cores e campos customizados baseados em expressões regulares. Por exemplo: Se você quer forçar o usuário a preencher determinado campo, use:
<input type="email" name="email" required="required" />
Não há necessidade de nenhum Javascript adicional ou jQuery a não ser que você precise de um pouco mais de sofisticação (comparar dois ou mais campos ou mostrar mensagens de erro customizadas).
Navegadores antigos (inclundo IE9 e versões anteriores) não entendem esses novos tipos e vão renderizar os campos de texto como sendo comuns (sem apresentar erros). Para os usuários destes navegadores será necessário também uma validação a nível de servidor.
Artigo adaptado e traduzido de SitePoint.com
13 de Junho de 2013 [12:04:46]
Marcelo Motta: CEO da MDM Studio, Marcelo Motta participa ativamente do processo de produção de websites, tendo em seu portfólio mais de 130 trabalhos finalizados, entre marcas, websites e sistemas web. Os projetos mais recentes contam com a estrutura do HTML 5, combinados com CSS3 e versões mobile através de media queries.