Boa tarde pessoal, preciso de uma ajuda de vocês.
Eu preciso de uma mascara para um campo numero em meu sistema, onde o usuário pode digitar de 0,0 até 130,00 caso o valor seja maior que 130 só ira aceitar 999,99.
Alguém poderia me ajudar?
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeBoa tarde pessoal, preciso de uma ajuda de vocês.
Eu preciso de uma mascara para um campo numero em meu sistema, onde o usuário pode digitar de 0,0 até 130,00 caso o valor seja maior que 130 só ira aceitar 999,99.
Alguém poderia me ajudar?
Basta aplicar maxlength
contando todos os caracteres em 999,99
, que no caso seria 6
, basicamente daria para aplicar o maxlength
para quase qualquer mascara que você encontrar.
Claro que alguns plugins jQuery e afins já tem configuração pra isto, mas são exceções.
Exemplos de mascaras monetárias/dinheiro que existem no site:
$("#meuDinheiro").maskMoney();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://plentz.github.io/jquery-maskmoney/javascripts/jquery.maskMoney.min.js"></script>
<input type="text" id="meuDinheiro" data-thousands="." data-decimal="," data-prefix="" maxlength="6" />
Agora se deseja que vire 999,99
pode limitar para 7
e aplicar keyup
$("#meuDinheiro").maskMoney().on("keyup", function () {
if (this.value.length > 6) {
this.value = "999,99";
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://plentz.github.io/jquery-maskmoney/javascripts/jquery.maskMoney.min.js"></script>
<input type="text" id="meuDinheiro" data-thousands="." data-decimal="," data-prefix="" maxlength="7" />
Da resposta: https://pt.stackoverflow.com/a/241646/3635
function formatarMoeda() {
var elemento = document.getElementById('valor');
var valor = elemento.value;
valor = valor + '';
valor = parseInt(valor.replace(/[\D]+/g,''));
if (!isNaN(valor)) {
valor = valor + '';
valor = valor.replace(/([0-9]{2})$/g, ",$1");
if (valor.length > 6) {
valor = valor.replace(/([0-9]{3}),([0-9]{2}$)/g, ".$1,$2");
}
} else {
valor = '';
}
elemento.value = valor;
}
<input type="text" id="valor" onkeyup="formatarMoeda();" maxlength="6" />
Agora se deseja que vire 999,99
pode limitar para 7
e aplicar keyup
function formatarMoeda() {
var elemento = document.getElementById('valor');
var valor = elemento.value;
valor = valor + '';
valor = parseInt(valor.replace(/[\D]+/g,''));
if (!isNaN(valor)) {
valor = valor + '';
valor = valor.replace(/([0-9]{2})$/g, ",$1");
if (valor.length > 6) {
valor = '999,99'; //Mudei esta linha
}
} else {
valor = '';
}
elemento.value = valor;
}
<input type="text" id="valor" onkeyup="formatarMoeda();" maxlength="7" />