JSFiddle - React, Tailwind, and code Playground

by Ufuk Ozdemir

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.meiomask/1.1.14/meiomask.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/jquery.inputmask.bundle.min.js"></script>
<div class="inputmask">
  <label>InputMask</label>
  <input type="text" id="value1" name="value1" value="0(5" />
</div>

<div class="meiomask">
  <label>MeioMask</label>
  <input id="value2" name="value2" value="" />
</div>

JavaScript

$(document).ready(function(){
  $('#value1').inputmask('decimal', {
    placeholder: '0(5)',
    rightAlign: false,
    onBeforeMask: function (value, opts) {
    	return value;
    },
	});

  $('#value2').setMask({ 
    mask : '999,999.999.999.999', 
    type : 'reverse', 
    defaultValue: '0000' 
  });
});