diff --git a/README.md b/README.md index 8c7149e..9ca59d3 100644 --- a/README.md +++ b/README.md @@ -11,16 +11,18 @@ Para usar jQuery AnyForm você só precisa ter incluido em seu código uma vers Usar o jQuery AnyForm é muito simples! Você só precisa encapsular o formulário que deseja validar e chamar o método `jQuery.fn.validate`. Veja um exemplo: - - +```html + +``` Depois de chamar o método validate você pode fazer a maioria das validações mais usadas com atributos de dados, que são totalmente válidos para o HTML5 segundo as especificações da W3C. Veja um exemplo de como tornar um campo obrigatório: - -
+```html + +``` jQuery AnyForm suporta todos os campos do HTML5 e utiliza WAI-ARIA para tornar a validação acessível a leitores de tela. Além disso esta ferramenta dispõe de vários attributos e parâmetros para te ajudar desde as situações mais simples até as mais complexas. @@ -36,8 +38,9 @@ Aceita um valor boleano que especifica se letras em maiusculo e minusculo podem Aceita uma mascara que será usada para alterar o valor do campo após ser verificado e válido. Você pode usar os grupos baseados na expressão passada no atributo `data-pattern Veja o exemplo abaixo de um campo de preço: - - +```html + +``` ### data-pattern Aceita uma expressão regular para testar o valor do campo. @@ -57,21 +60,22 @@ Aceita valores boleanos e especifica se o valor do campo deve ter os espaços do * Os patterns de campos não obrigatórios só são verificados caso o usuário tente preencher algo. Veja um exemplo: +```html + + + - + jQuery('[name="idade"]').data({ + required : true, + pattern : /^[0-9]+$/ + }); + +``` ## Parâmetros suportados por `jQuery.fn.validate` @@ -79,36 +83,38 @@ Veja um exemplo: Aceita um objeto que vai armazenar funções para verificar o campos do formulário (Leia data-conditional). Veja um exemplo de confirmação de senha: +```html + - - + + } + }); + +``` ### filter O parâmetro filter aceita um seletor ou função para filtrar quais campos dentro do formulário devem ser verificados. Veja um exemplo de como validar apenas textarea's e campos do tipo texto: - - +```html + +``` ### nameSpace Um name space que será atribuido na delegação de todos os eventos do plugin. Por padrão seu valor é `validate`. @@ -157,17 +163,20 @@ Aceita uma função que será executada cada vez que um campo for verificado e e As vezes é necessário retirar a validação de um formulário em uma situação específica, para isso você pode utilizar o método `jQuery.fn.validateDestroy`. Veja o exemplo: - - +```html + +``` ## Alterando as propriedades padrões do método `jQuery.fn.validate` Você pode alterar os valores padrões dos parâmetros passados para o método `jQuery.fn.validate` usando o método `jQuery.fn.validateSetup`. Veja o exemplo: - \ No newline at end of file +```html + +``` \ No newline at end of file