Ir para conteúdo
Fórum CódigoFonte.net
Entre para seguir isso  
IanRamos

Problema com jQuerry validate

Recommended Posts

Seguinte pessoal, estou começando a estudar jQuerry validate para usar nas validações dos meus formulários e preciso de uma ajuda. O código abaixo não está capturando o meu Script, alguém sabe me dizer por que? Obrigado pela atenção.

 

<!D0CTYPE html>
<html lang="pt-br">
    
    <!-- INÍCIO DO HEAD -->
    
    <head>
        <title>Exercícios jQuerry</title>
        <meta charset="utf-8">
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript">https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js</script>
    </head>
    
    <!-- INÍCIO DO BODY -->
    
    <body>
        
        <!-- FORMULÁRIO -->
        
        <form id="formulario">
            Nome:<br>
            <input type="text" id="nome"><br><br>
            Idade:<br>
            <input type="text" id="idade"><br><br>
            Email:<br>
            <input type="emial" id="email"><br><br>
            Senha:<br>
            <input type="password" id="senha"><br><br>
            Confirmação de senha:<br>
            <input type="password" id="confirmaSenha"><br><br>
            DECLARO QUE LI E ACEITO OS TERMOS DE CONTRATO: <input type="checkbox" id="contrato"><br><br>
            <input type="submit" value="Criar conta">            
        </form>
        
        <!-- SCRIPT jQuerry -->
            
        <script type="text/javascript">
            $(document).ready(function(){
                $('#formulario').validate({
                    rules:{
                        nome{
                            required: true,
                            minlength: 3
                        },
                        idade:{
                            required: true,
                        },
                        email{
                            required: true,
                            email: true,
                            minlength: 6
                        },
                        senha{
                            required: true,
                            minlength: 6
                        },
                        confirmaSenha{
                            required: true,
                            equalsToseha: true
                        },
                        contrato{
                            required: true
                        }
                    },
                    messages{
                    
                    }
                });
            });
            </script>
    </body>

</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Entre para seguir isso  

×
×
  • Criar Novo...