JavaScript em arquivo separado

renatonankran · Agosto 18, 2015

Então galera, eu estou usando uma biblioteca do jQuery para validar um form, porem quando eu coloco o script JavaScript em outro arquivo o método não funciona. Se eu colocar o Script no mesmo arquivo, abaixo do form ele roda.

Esse é o form:

<html>

<head>
    <script src="C:\wamp\www\SiteAulas\validateForm.js"></script>
</head>
<body>
    
<form name="cadastrar" id="cadastro" method="post" action="test.php">
<table width="400px" border="0" cellspacing="0" cellpadding="0">
    <tr height=60px>
        <td><label for="nome" class="form1">Nome:</label></td>
        <td><input name="nome" type=text required id="nome" maxlength="15"></td>
    </tr>
    <tr height=60px>
        <td><label for="sobrenome" class="form1">Sobrenome:</label></td>
        <td><input name="sobrenome" type=text required id="sobrenome" maxlength="30"></td>
    </tr>
    <tr height=60px>    
        <td><label for="email" class="form1">E-mail:</label></td>
        <td><input name="email" type=text required id="email" maxlength="60"></td>
    </tr>
    <tr height=60px>    
        <td><label for="senha1" class="form1">Senha:</label></td>
        <td><input name="senha" type="password" required id="senha" maxlength="15"></td>
    </tr>
    <tr height=60px>    
        <td><label for="repetirSenha" class="form1">Repetir Senha:</label></td>
        <td><input name="repetirSenha" type="password" required id="repetirSenha" maxlength="15"></td>
    
        <td><input name="enviar" type="submit" id="enviar"></td>
    </tr>
    </body>
    </html>

e esse é o JavaScript:

<html>
<head>
    <script src="C:\wamp\www\Bibliotecas\jquery-2.1.4\jquery-2.1.4.js"></script>
    <script src="C:\wamp\www\Bibliotecas\jquery-validation-1.14.0\dist\jquery.validate.js"></script>

 
        $("#cadastro").validate({
        rules: {
            senha: {
                minlength: 6
                },
            repetirSenha: {
                required: true,
                minlength: 6,
                equalTo: "#senha"
            }
        },
        messages: {
                senha: {
                    minlength: "</br>Sua senha deve ter no minimo 6 caracteres."
                    },
                repetirSenha: {
                    minlength: "</br>Sua senha deve ter no minimo 6 caracteres.",
                    equalTo: "</br>Esse campo deve ser igual a senha"
                }
            }
        });
        
        
        </head>
<body>
</body>

</html>

Eu estou esquecendo de alguma coisa??

William Bruno · Agosto 18, 2015

no arquivo javascript não pode ter tags html. Deve ficar somente assim:

validateForm.js

  $("#cadastro").validate({
        rules: {
            senha: {
                minlength: 6
                },
            repetirSenha: {
                required: true,
                minlength: 6,
                equalTo: "#senha"
            }
        },
        messages: {
                senha: {
                    minlength: "</br>Sua senha deve ter no minimo 6 caracteres."
                    },
                repetirSenha: {
                    minlength: "</br>Sua senha deve ter no minimo 6 caracteres.",
                    equalTo: "</br>Esse campo deve ser igual a senha"
                }
            }
        });

renatonankran · Agosto 18, 2015

Ta certo. Eu tentei sem as tags HTML e tbm nao funciona.

William Bruno · Agosto 18, 2015

Aperte Ctrl + Shift + J no Firefox ou Chrome e veja o que aparece no console.

Pq fora, isso, você precisa importar o jQuery também, ficando assim:

<html>

<head>
    <script src="C:\wamp\www\Bibliotecas\jquery-2.1.4\jquery-2.1.4.js"></script>
    <script src="C:\wamp\www\Bibliotecas\jquery-validation-1.14.0\dist\jquery.validate.js"></script>
    <script src="C:\wamp\www\SiteAulas\validateForm.js"></script>
</head>
<body>
    
<form name="cadastrar" id="cadastro" method="post" action="test.php">
<table width="400px" border="0" cellspacing="0" cellpadding="0">
    <tr height=60px>
        <td><label for="nome" class="form1">Nome:</label></td>
        <td><input name="nome" type=text required id="nome" maxlength="15"></td>
    </tr>
    <tr height=60px>
        <td><label for="sobrenome" class="form1">Sobrenome:</label></td>
        <td><input name="sobrenome" type=text required id="sobrenome" maxlength="30"></td>
    </tr>
    <tr height=60px>    
        <td><label for="email" class="form1">E-mail:</label></td>
        <td><input name="email" type=text required id="email" maxlength="60"></td>
    </tr>
    <tr height=60px>    
        <td><label for="senha1" class="form1">Senha:</label></td>
        <td><input name="senha" type="password" required id="senha" maxlength="15"></td>
    </tr>
    <tr height=60px>    
        <td><label for="repetirSenha" class="form1">Repetir Senha:</label></td>
        <td><input name="repetirSenha" type="password" required id="repetirSenha" maxlength="15"></td>
    
        <td><input name="enviar" type="submit" id="enviar"></td>
    </tr>
    </body>
    </html>

e o js:

 $("#cadastro").validate({
        rules: {
            senha: {
                minlength: 6
                },
            repetirSenha: {
                required: true,
                minlength: 6,
                equalTo: "#senha"
            }
        },
        messages: {
                senha: {
                    minlength: "</br>Sua senha deve ter no minimo 6 caracteres."
                    },
                repetirSenha: {
                    minlength: "</br>Sua senha deve ter no minimo 6 caracteres.",
                    equalTo: "</br>Esse campo deve ser igual a senha"
                }
            }
        });

renatonankran · Agosto 19, 2015

Aparece o seguinte erro:

validateForm.js:2       Uncaught SyntaxError: Unexpected token <
(program):1             Scripts may close only the windows that were opened by it.

Fala que tem um erro de sintaxe na primeira linha do JS.

William Bruno · Agosto 19, 2015

Pq não pode ter nenhum tag html no arquivo .js.

Deixe exatamente da forma que mostrei e veja novamente.

Entrar

Arquivado

JavaScript em arquivo separado

Recommended Posts

renatonankran 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

renatonankran 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

renatonankran 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Sistema não funciona corretamente

Fazer busca no Banco de dados usando vários critério

Ler campos com caracteres especiais no xml

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante