0

Estou utilizando o input-maks para colocar uma mascara no campo porém estou tendo a dificuldade de setar um valor, por exemplo na minha mascara eu coloco

'data-mask'=>"00000,00"
 referente ao campo decimal(5,2);

Porém se quero colocar centavos tipo 50, preciso de fazer 00000,50. Outro exemplo caso eu queira colocar 25,99 preciso colocar 00025,99. Caso eu force colocar a virgula antes o campo por padrão apaga e não me deixar escrever.

Estou utilizando blade para criação do campo texto

{{ Form::text( 'VAL_ESTOQ_PRODU', null,['class' => 'form-control input-mask', 'data-mask'=>"00000,00", 'placeholder'=>"00000,00", 'maxlength'=>"8", 'autocomplete'=>"off" ]) }}

Como posso resolver isto ?

O puglin que estou usando foi feito por:

 /**
 * jquery.mask.js
 * @version: v1.5.3
 * @author: Igor Escobar
 *
 * Created by Igor Escobar on 2012-03-10. Please report any bug at http://blog.igorescobar.com
 *
 * Copyright (c) 2012 Igor Escobar http://blog.igorescobar.com
 *
 **/
4
  • não tenho ideia q package vc está usando, mas não seria só ,00 a mask?
    – gmsantos
    Commented 1/02/2017 às 1:23
  • colocando isto so usario ,99; ai no caso de fazer 115,00 nao daria Commented 1/02/2017 às 1:26
  • @gmsantos realmente nao sei informar qual estou usando, porém se entender o que quero e quiser indicar algum Commented 1/02/2017 às 1:28
  • A sua dúvida não está muito clara, entretanto não está relacionada com o Blade. Recomendo editar sua pergunta, juntamente com as tags e pesquisar sobre a lib em jquery q vc está usando
    – gmsantos
    Commented 2/02/2017 às 1:46

1 Resposta 1

1
+50

Acredito que basta você definir a máscara como reversa, passando o objeto {reverse: true} no segundo parâmetro.

$(function () {
  $('#price').mask('00000,00', {reverse: true});
  $('#price').keyup(function () {
    $('#flash').html($('#price').val());
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.9/jquery.mask.js"></script>

<input name="price" id="price" type="text" />
<div>Preço: R$ <span id="flash">0,00</span></div>

Pressione Executar e veja o código em funcionamento.

Utilizando a notação HTML, para definir a máscara como reversa, basta adicionar o atributo data-mask-reverse="true". Logo, com Blade, acredito que ficaria algo como:

{{ Form::text( 'VAL_ESTOQ_PRODU', null,['class' => 'form-control input-mask', 'data-mask'=>"00000,00", 'data-mask-reverse'=>"true", 'placeholder'=>"00000,00", 'maxlength'=>"8", 'autocomplete'=>"off" ]) }}
8
  • E para colocar o R$ na frente ? Commented 3/02/2017 às 22:41
  • E como vou passar revrse no data-tag ? Commented 3/02/2017 às 22:42
  • Editado. O que você quer dizer com "colocar R$ na frente"? Exibir apenas na máscara ou devem estar presentes no valor atual do input?
    – Woss
    Commented 3/02/2017 às 22:48
  • exibir apenas na mascara Commented 3/02/2017 às 22:51
  • Deu certinho aqui so esta faltando para ficar redondo o R$ na mascara na frente do valor Commented 3/02/2017 às 22:52

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .