Estou com dificuldade de inserir uma mascara em um input, segue meus códigos:
Minha tela de login que quero inserir a mascara:
<?php
/*
* Create by Andre Tohouca Lacomski on 28/03/2019
*/
defined('BASEPATH') OR exit ('No direct script access allowed');
?>
<div class="col-md-6 col-md-offset-3" ng-controller='ctrLogin'>
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="center">Autenticação</h3>
</div><br>
<div class="panel-body">
<form>
<div class="input-group">
<span class="input-group-addon">CPF:</span>
<input class="form-control cpfInput" ng-model="cpf">
</div><br>
<div class="input-group">
<span class="input-group-addon">Senha: </span>
<input class="form-control" type="password" ng-model="senha">
</div><br>
<label class="radio-inline">
<input ng-model="tipo" type="radio" name="optradio" value="candidato" checked>Candidato </label>
<label class="radio-inline">
<input ng-model="tipo" type="radio" name="optradio" value="professor">Professor </label>
<label class="radio-inline">
<input ng-model="tipo" type="radio" name="optradio" value="admin">DIRPPG </label><br><br>
<button class="btn btn-primary col-md-offset-5 col-xs-offset-5" type="submit" ng-click="login(cpf, senha, tipo)">Login</button>
</form><br>
<a class="pull-left" href="#!/candidato/cadastro_candidato">Criar conta</a>
<a class="pull-right" href="#!recuperarsenha">Esqueceu a Senha?</a>
</div>
</div>
</div>
<script>
$(document).ready(function(){
$('.cpfInput').mask('999.999.999-99');
});
</script>
Instalei o jquery e jquery-mask via npm e chamo eles na minha home desse jeito:
<!-- Jquery and Bootstrap-->
<script src="<?php echo base_url();?>node_modules/jquery/dist/jquery.js"></script>
<script src="<?php echo base_url();?>node_modules/jquery/dist/jquery.min.js"></script>
<script src="<?php echo base_url();?>node_modules/jquery-mask-plugin/dist/jquery.mask.min.js"></script>
<script src="<?php echo base_url();?>node_modules/jquery-mask-plugin/dist/jquery.mask.js"></script>
<script src="<?php echo base_url();?>node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
Não sei se estou chamando errado, pois segui algumas dicas e sem sucesso. No outro sistema que utilizo a mascara funciona normal.
OBS: Não adianta eu trocar os npm por:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.13/jquery.mask.min.js"></script>