Estou utilizando o jquery validate e estava funcionando normalmente, agora está me retornando o seguinte erro, já verifiquei as referencias, mudei, porém continua com o mesmo problema:
Uncaught TypeError: $(...).validate is not a function
<script type="text/javascript" src="/javascript/jquery-3.1.1.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/mobile/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/css/mobile/bootstrap-theme.min.css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/style2.css" />
<link rel="shortcut icon" href="/images/iconepagina.ico">
<script src="/javascript/validacao.js"></script>
<link rel="stylesheet" href="/css/mobile/validacao.css" />
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.js"></script>
E aqui é o meu validacao.js
$(document).ready(function() {
$('#contact-form').validate({
rules: {
txtNome: {
minlength: 2,
required: true
}
},
highlight: function(element) {
$(element).closest('.control-group').removeClass('success').addClass('error');
},
success: function(element) {
element.text('OK!').addClass('valid')
.closest('.control-group').removeClass('error').addClass('success');
}
});
});
Toda forma que referencio, permanece o mesmo erro.
Segue como está o erro console:
jquery_master.min.js:3 Uncaught TypeError: $(...).validate is not a function at HTMLDocument. (validacao.js:44) at j (jquery_master.min.js:3) at k (jquery_master.min.js:3)
E aqui é como está as referências agora:
<script type="text/javascript" src="/javascript/jquery-3.1.1.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/mobile/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/css/mobile/bootstrap-theme.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/style2.css" />
<link rel="shortcut icon" href="/images/iconepagina.ico">
<script src="/javascript/jquery_master.min.js"></script>
<link rel="stylesheet" href="/css/mobile/validacao.css" />
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/additional-methods.js"></script>
<script src="/javascript/validacao.js"></script>
Todas alterações que faço, nenhuma volta a funcionar o validate.