Venho utilizando esse plugin a um bom tempo:
E essa semana fiz uma mudança na forma como utilizo ele, passei a chamar dessa forma:
O Caller para o input:
var mainValidator = function () {
var fieldValidation = function () {
$(document).on('keyup focus', '.input-field', function () {
var $this = $(this);
var mask = $this.data('input-mask');
var type = $this.data('input-type');
if ($.isEmptyObject(mask)) {
console.log('no mask');
} else {
makeMask(mask, $this);
}
if ($.isEmptyObject(mask)) {
console.log('no type');
} else {
var caller = {
function: 'make_validation',
model: $this.data('input-type')
};
$.ajax({
type: "POST",
url: "callers.php",
data: {caller},
dataType: 'json',
success: function (data)
{
alert(data);
}
});
}
});
};
return {
init: function () {
fieldValidation();
}
};
}();
jQuery(document).ready(function () {
mainValidator.init();
});
E aqui um exemplo da aplicação da máscara:
var makeMask = function (mask,$this) {
//E-mail
if (mask === 'mail') {
$this.inputmask("email");
}
}
O problema que está acontecendo é o seguinte:
A máscara é colocada no campo corretamente, porém, quando está digitando por exemplo:
no momento em que os campos da máscara "@","." são pressionado, o campo não segue com o preenchimento, ou seja, se eu digito:
teste (no momento que aperto o '@' ele prossegue, mas assim que o solto o '@' ele volta para antes), ficando sempre assim:
teste(ponteiro fica aqui)@ ... '.' ...
Para prosseguir na digitação, precisa que o '@' fique pressionado e se digite a próxima letra.
O modo que era chamado antes desse problema era diretamente no input (foi alterado pois os inputs passaram a ser gerados todos dinamicamente):
<input class="input-field" data-inputmask="'mask': '9', 'repeat': 10, 'greedy' : false" />
Com o jQuery:
$(document).ready(function(){
$(".input-field").inputmask();
});
Não sei se isso talvez seja algum bug, ou desconfigurei de alguma forma o plugin, qual seria uma possível solução pra este problema ?