Bem... isso me deu um certo trabalho, mas acho que finalmente consegui algo bastante interessante. Olhe:
Com a existência de um ponto, caso você tente acrescentar outro depois deste você não conseguirá, para isso o ponto deverá ser apagado. Ao invés do onKey
, utilizei o onInput
, que detectará se algo é mudado, com isso o usuário pode "navegar" entra as lestras sem ser jogado para o final da input
, além da questão do desempenho, pois nesse caso é imperceptível a exclusão do ponto.
$('input').on("input", function(){
var val = this.value;
var test = /^[^.]?.[^.]*$/;
if(test.test(val)){
return;
}else{
var n = val.search(/\./);
var beforeDot = val.substring(0, n);
var dot = val.substring(n, n+1);
var afterDot = val.substring(n+1, val.length);
$(this).val(beforeDot.replace(/\./g, "") + dot + afterDot.replace(/\./g, ""));
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" />